单页首页翻页特效onePageNav

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/tang05709/article/details/80376379

git 

https://github.com/davist11/jQuery-One-Page-Nav


https://download.csdn.net/download/tang05709/10425000

使用

<ul class="nav navbar-nav navbar-right" id="nav">
                    <li><a href="#linr_banner">首页</a></li>
                    <li><a href="#linr_advantage">产品优势</a></li>
                    <li><a href="#linr_effect">功能介绍</a></li>
                    <li><a href="#linr_service">产品服务</a></li>
                    <li><a href="#linr_join">合作流程</a></li>
                    <li><a href="#linr_contact">加入我们</a></li>
                </ul>

<section class="linr-banner section_gradiant" id="linr_banner">

</section>

<section class="linr-advantage section_gradiant" id="linr_advantage">

</section>

<section class="linr-effect section_gradiant" id="linr_effect">

</section>

<section class="linr-service section_gradiant" id="linr_service">

</section>


js

$('#nav').onePageNav({
        currentClass: 'active',
        changeHash: false,
        scrollSpeed: 750,
        scrollThreshold: 0.5,
        filter: '',
        easing: 'swing'
    });

展开阅读全文

没有更多推荐了,返回首页