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

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>