温馨提示:QQ登录和微信登录将于2023年7月15日下线,为了不影响你的正常使用,请尽快绑定邮箱,使用邮箱登录。操作方法:登录后点击右上角【会员中心】,再点击左边的【绑定邮箱】。

你好,欢迎来到js代码网。

微信登录邮箱登录

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

上传人we**in
分类菜单导航
发布时间2014-10-11
来源https://www.jsdaima.com/js/64.html

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

下载地址

提示:该资源由网友自行分享,仅供学习交流,如有侵权请发邮件到 tousu@jsdaima.com 联系删除。>>点击查看免责声明<< 



热门搜索

相关特效

点击查看更多

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

×
    
复制成功