jQuery滚动菜单插件Section Menu

所属分类:UI-滚动

 46823  320  查看评论 (2)
分享到微信朋友圈
X
jQuery滚动菜单插件Section Menu ie兼容9

jQuery插件创建一个侧面部分的菜单,您可以滚动到页面上的不同部分。

例子

HTML

<html>
    <body>
        <section id="home" data-section-menu="Home">
            <p>Home</p>
        </section>
        <section id="about" data-section-menu="About">
            <p>About</p>
        </section>
        <section id="contact" data-section-menu="Contact">
            <p>Contact</p>
        </section>
    </body>
</html>


CSS

<link rel="stylesheet" href="assets/css/jquery.sectionmenu.css" />


Javascript

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.fragmentscroll.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.sectionmenu.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $('body').sectionMenu().fragmentScroll();
});
</script>


选项

$('body').sectionMenu({
    // Show title in the menu
    enableTitle: true,
    // Outer element
    element: 'nav',
    // Class and data- name
    class: 'section-menu',
    // Insert content before the menu
    insertBefore: '',
    // Insert content after the menu
    insertAfter: ''
});


相关插件-滚动

jQuery仿淘宝网右侧悬浮返回顶部和建议代码

jQuery仿淘宝网右侧悬浮返回顶部和建议代码
  滚动
 42365  354

js交集监测插件scrollama.js

Scrollama是一个轻量级JavaScript库, 用于检测页面滚动时监听元素是否重叠。
  滚动
 25922  326

js美化div滚动条并兼容IE8

js美化div滚动条并兼容IE8
  滚动
 63099  521

jQuery元素滚动监听插件xRoll.js

xRoll.js 元素滚动监听插件 元素出现在窗口的时候在执行自定义的函数
  滚动
 24365  324

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

      0
    2016/9/29 8:09:44
    Legend 0
    2014/12/8 18:03:29
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复