jQuery和jsModern插件实现全屏滚动切换效果免费下载

4种不同风格jQuery和jsModern插件实现全屏滚动切换效果,非常棒的页面横屏或竖屏全屏滚动代码。支持鼠标滑轮、按钮点击、左右方向键、移动触摸屏左右滑动切换。

JS代码

<script src="js/jsmodern.min.js"></script> 
        <script> 
            $(function () { 
                 
                // 调用 jsModern 的 fullPage 组件方法 
                // 使用自定义导航按钮 
                // 进行沿 x 轴的横向滑动 
                jsModern.fullPage({ 
                      navigation: "#my-nav", 
                    background: ['#6E459B', '#4BBFC3', '#C94646', '#f90'], 
                    axis: "x", 
                    callback: [ 
                      function () {  
                            var $b = $(this).find(".p > b"); 
                            $b.eq(1).animate({ 
                                  opacity: 1 
                            }, 800); 
                          $b.first().animate({ 
                              opacity: 1, 
                              marginRight: 0 
                          }, 800); 
                          $b.last().animate({ 
                              opacity: 1, 
                              marginLeft: 0 
                          }, 800); 
                      }, 
                      function () {  
                            $(this).find(".B").animate({ 
                              marginTop: "150px", 
                              opacity: 1 
                          }, 800); 
                      }, 
                      function () {  
                            $(this).find(".C").animate({ 
                              marginTop: "150px", 
                              opacity: 1 
                          }, 800); 
                      }, 
                      function () {  
                            $(this).find(".D").fadeIn(1500); 
                      } 
                    ] 
                  }); 
            }) 
        </script>
打赏
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录