jQuery实际案例④——360导航图片效果

2021-07-10 10:04

阅读:362

YPE html>

标签:url   oct   list   cti   ges   mil   idt   导航   add   

 

技术分享

如图:①首先使用弹性盒子布局display:flex; flex-wrap:wrap; ②鼠标移上去出现“百度一下,你就知道了”,这句话之前带上各个网站的logo;③logo使用的是sprite,需要注意的是background-position使用的是负值(-)

技术分享

整体代码如下:





09 360导航图片效果







  • 百度一下,你就知道啦


  • 百度一下,你就知道啦


  • 百度一下,你就知道啦


  • 百度一下,你就知道啦


  • 百度一下,你就知道啦


  • 百度一下,你就知道啦


  • 百度一下,你就知道啦


  • 百度一下,你就知道啦





 

jQuery实际案例④——360导航图片效果

标签:url   oct   list   cti   ges   mil   idt   导航   add   

原文地址:http://www.cnblogs.com/carriezhao/p/7090783.html


评论


亲,登录后才可以留言!