- 资源介绍
- 更新记录
- 安装教程
效果背景：
我无意中在网上看到了一个非常有创意的导航效果。虽然效果不是很酷，但也有点提神。
所以我模仿并写了一个最喜欢的童鞋来使用。
实施原则：
主要使用jQuery悬停和动画属性
默认情况下，每个li标记底部都有一个宽度为0的范围标记
当鼠标悬停在li上时，里面的跨度标签从中间向两边扩展，时间设置为0.2秒。
移除鼠标后，跨度宽度再次变为0
jQuery代码中有一个200的值，这意味着0.2秒。值越高，速度越慢。
用法：
1.将css样式引入您的网页
2.将正文中的代码部分复制到您需要的位置
猜你喜欢
-
js模拟古代世界的官方网站多级下拉导航菜单
2020-07-10 -
多级垂直下拉导航菜单集
2020-07-10 -
JS树结构下拉列表菜单选择代码
2020-07-04 -
jQuery手机移动终端垂直分类菜单导航切换码
2020-07-04 -
jquery经典辅助水平导航菜单代码6
2020-07-10 -
懒人可以控制二级导航菜单的导航方向代码
2020-07-07 -
jQuery树结构菜单选择器代码
2020-07-04 -
jQuery制作基于超级幻灯片的响应式导航菜单和旋转图片特效
2020-07-04 -
JS多层垂直折叠导航菜单
2020-07-10 -
鼠标滑动显示详细的JS特效代码
2020-07-10
-
由CSS3实现的苹果国际标准菜单导航特效
2020-07-10 -
带有透明背景的辅助垂直下拉菜单
2020-07-10 -
js+css3电脑手机自适应响应式导航菜单代码
2020-07-04 -
jQueryHTML5,移动面具弹出菜单代码
2020-07-04 -
jqueryCSS3左右摇摆滑动和扩展折叠导航菜单
2020-07-10 -
CSS3循环环绕菜单动画效果
2020-07-04 -
jQuery仿京东商城手机终端产品分类滑动切换效果
2020-07-04 -
css购物中心网站通常使用左侧分类下拉导航菜单代码
2020-07-04 -
jquery垂直渐变显示辅助下拉菜单
2020-07-10 -
jQueryCSS3镜像文本动画垂直导航菜单效果
2020-07-04
猜你在找
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 找不到素材资源介绍文章里的示例图片？
- 大资源
- 2020-07-09Hi,初次和大家见面了,请多关照！
