6种jQuery导航栏滑动动画效果

作者 : 小刺猬 本文共637个字,预计阅读时间需要2分钟 发布时间: 2020-07-30 共85人阅读

6种jQuery导航栏滑动动画效果

6种简单好看的jQuery导航栏滑动动画效果,分别有左右滚动、从上向下滚动、从下向上滚动、从左边缘向右边缘滚动、从右边缘向左边缘滚动、从中间变大至填满6种动画效果。

js代码

<script type="text/javascript" src="js/jquery-nav.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>
VIP免费 永久VIP免费

已有1人支付


刺猬源码 » 6种jQuery导航栏滑动动画效果

刺猬QQ交流群号多少?
363432

发表评论