头像

jQuery鼠标悬停导航底部动画效果

2018-03-23 16:21:05 收藏    来源:PHP代码   浏览()   评论 ( 0 )   

jQuery鼠标悬停导航底部动画效果
jQuery鼠标悬停导航底部动画效果
查看演示 下载资源:0

手机扫码访问:

下载资源 下载积分:10

    偶然间在网上看到一个很有创意的导航效果,虽然效果不是很炫的那种,但也属于小清新了于是自己模仿着写了一个,喜欢的童鞋可以拿去使用实现原理:主要使用jQuery的hover以及animate两个属性。默认每个li标签内带有一个span标签,固定在最底部,宽度为0当鼠标悬停在li上时,内部的span标签从中间向两边扩大,时间设置为0.2秒鼠标移走后,span宽度重新变为0jQuery代码中有个200数值,意为0.2秒,数值越大,速度越慢

标签:
声明:转载请注明来源(PHP代码)并保留原文链接:http://www.phpdaima.com/menu-382.html
广告不存在
评论0

后面还有条评论,点击查看>>

温馨提示:为规范评论内容,垃圾评论一律封号...

jQuery鼠标悬停导航底部动画效果
我的积分余额: 0.0 已下载次数: 0
所需积分:1010 开始下载
×