菜单

jQuery实现Meizu魅族官方网站的导航菜单效果_jquery_脚本之家

2020年3月1日 - 新闻中心

澳门太阳集团,本文实例陈诉了jQuery达成MeizuHUAWEI官方网站的导航菜单功用。共享给我们供我们参照他事他说加以侦察。具体如下:

神迹看看HUAWEI官方网站,开掘网址的领航菜单的效应特不利就扣下来,俩字:给力。鼠标放到菜单上,菜单的下边会有一条横线在滑行。一直想找近似的意义学一下。结果,不是忘记有周围功能的网址的网站,正是深透找不到。。又不通晓怎么描述,几日前算是遭遇了,真给力。

Meizu魅族导航菜单div,h1,h2,h3,h4,p,form,label,input,textarea,img,span{margin:0;padding:0;}ul,li{list-style:none;padding:0;margin:0;}img{border:none;}.csc_top{background:url(images/shopping_tab.jpg) 0 0 no-repeat;width:958px;height:45px;margin:0 auto;position:relative;z-index:101;}.slideMenu{height:38px;}li.current a{color:#00b5f7;cursor:pointer;}li.current a:hover{color:#00b5f7;cursor:pointer;}.lavaLampWithImage3 li a:hover,.lavaLampWithImage3 li a:active{border:none;color:#00B5F7;text-decoration:none;}.lavaLampWithImage3 .sep{padding-top:13px;font-size:10px;color:#aeadad;float:left;height:20px;border-top:none;}.lavaLampWithImage3{position:relative;height:28px;float:left;}.lavaLampWithImage3 .current{color:#008ace;}.lavaLampWithImage3 .current a{color:#008ace;}.lavaLampWithImage3 li{float:left;list-style:none;padding-bottom:11px;}.lavaLampWithImage3 li.back{background:url center bottom no-repeat;width:120px;height:28px;z-index:8;position:absolute;}.lavaLampWithImage3 li a{font:bold 14px arial;text-decoration:none;color:#303030;outline:none;text-align:center;top:6px;letter-spacing:0;z-index:10;display:block;float:left;height:28px;position:relative;overflow:hidden;padding:5px 20px 0 17px;font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif,"����";font-weight:normal;font-size:13px;}    Meizu  |  魅族  |  脚本之家   

期望本文所述对大家的jQuery程序设计有所援助。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图