偶然间在网上看到一个很有创意的导航效果,虽然效果不是很炫的那种,但也属于小清新了于是自己模仿着写了一个,喜欢的童鞋可以拿去使用实现原理:主要使用jQuery的 hover 以及animate两个属性。 默认每个li标签内带有一个span标签,固定在最底部,宽度为0 当鼠标悬停在li上时,内部的span标签从中间向两边扩大,时间设置为0.2秒 鼠标移走后,span宽度重新变为0 jQuery代码中有个 200数值,意为0.2秒,数值越大,速度越慢
本文由六神源码网整理自网络,如有侵权请联系本站删除!
=============================================================
本站声明:
1、本站所有资源均来源于互联网,不保证100%完整、不提供任何技术支持;
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途;否则由此产生的法律后果,本站概不负责!
=============================================================
本站声明:
1、本站所有资源均来源于互联网,不保证100%完整、不提供任何技术支持;
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途;否则由此产生的法律后果,本站概不负责!
-
炫酷3D立体图形变幻js特效动画
2022-07-20 53152
-
原生js实现通用表单验证特效插件
2022-07-20 52404