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>
自适应左侧手风琴下拉菜单js代码.zip (12.77 KB) 