本文由 资源共享网 – admin 发布，转载请注明出处，如有问题请联系我们！6种jQuery导航栏滑动动画效果

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>