6种简单好看的jQuery导航栏滑动动画效果,分别有左右滚动、从上向下滚动、从下向上滚动、从左边缘向右边缘滚动、从右边缘向左边缘滚动、从中间变大至填满6种动画效果。
js代码
<script type="text/javascript" src="https://img.x22t.com/file/2020/04/25/5efc4cfee5ef7622fc0a551cb58a2ad21673.js"></script> <script type="text/javascript"> $("#f-nav").tooltip({ default: 2, // 默认为空 -- 选中默认值 width: "200", // 限制宽度 height: "100", textList: ["首页","分页1","分页2","分页3"], // 每个导航的内容 type: "slideMove", // 必填, 选择内容 success: function(ret){ } //初始化回调 }); $("#f-nav2").tooltip({ default: 3, type: "fontUp", width: "150", }); $("#f-nav3").tooltip({ type: "downUp" }); $("#f-nav4").tooltip({ type: "edgeLeft" }); $("#f-nav5").tooltip({ type: "edgeRight" }); $("#f-nav6").tooltip({ type: "scaleChange" }); </script>
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » 6种jQuery导航栏滑动动画效果
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » 6种jQuery导航栏滑动动画效果