注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-09-21
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>