jQuery滚动菜单插件Section Menu

查看演示立即下载

插件描述：jQuery插件创建一个侧面部分的菜单，允许你滚动到页面上的不同部分。

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

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

Javascript

<script src="/"></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: ''
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery图片缩放插件EasyZoom
下一个特效： jQuery摄像头插件jquery-webcam-plugin