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

效果背景：偶然间在网上看到一个很有创意的导航效果，虽然效果不是很炫的那种，但也属于小清新了于是自己模仿着写了一个，喜欢的童鞋可以拿去使用实现原理：主要使用jQuery的hover以及animate两个属性默认每个li标签内带有一个span标签，固定在最底部，宽度为0当鼠标悬停在li上时，内部的span标签从中间向两边扩大，时间设置为0.2秒鼠标移走后，span宽度重新变为0jQuery代码中有个200数值，意为0.2秒，数值越大，速度越慢使用方法：1、将其中的css样式引入到你的网页中2、将body中的代码部分拷贝到你需要的地方即可

下载

2023-11-22 22:43 上传

点击文件名下载附件
售价: 1 金币  [记录]  [购买]