PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > Jquery插件 > jQuery滚动插件 > 正文

    jquery滚动弹出顶部导航插件headhesive

    作者:admin来源:网络浏览:时间:2014-05-01 20:14:03我要评论
    分享到

    内容介绍

    headhesive.js是一个导航悬浮特效,指定当你浏览器滚动到某个位置时导航开始悬浮,随着滚动条下拉,导航随着向下移动。
    核心代码


     
    复制代码代码如下:
    1. <script type="text/javascript" src="../dist/headhesive.js"></script>
    2.     <script>
    3.  
    4.         // Set options
    5.         var options = {
    6.             offset: '#showHere',
    7.             classes: {
    8.                 clone:   'banner--clone',
    9.                 stick:   'banner--stick',
    10.                 unstick: 'banner--unstick'
    11.             }
    12.         };
    13.  
    14.         // Initialise with options
    15.         var banner = new Headhesive('.banner', options);
    16.  
    17.         // Headhesive destroy
    18.         // banner.destroy();
    19.     </script>

    下载资源:146 下载积分:0
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-91-175-1.html
    相关热词搜索: headhesive 滚动 导航插件
    上一篇:第一页