• 文章介绍
  • 评价建议
  • 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>
    


    微源网 » 6种jQuery导航栏滑动动画效果

    提供最优质的资源集合

    立即查看 了解详情