您现在的位置是:网站首页> 资源下载资源下载

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

2021-10-22 1630人已围观

简介

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

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

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

下载资源

-六神源码网