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>

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。