jQuery特效–响应式全屏垂直滚动

今天为大家家分享一款jQuery特效,它是一个简单的全屏幕垂直效果,是由CSS3进行转换再用一个jQuery特效进行回退。还具有响应式,适用于介绍新产品的特点的专题网站。

Full-Screen-Vertical-Scroller---CSS3---jQuery---Lu

代码片段:

$(document).ready( function() {
    var slider = $.fn.fsvs({
        speed : 5000,
        bodyID : 'fsvs-body',
        selector : '> .slide',
        mouseSwipeDisance : 40,
        afterSlide : function(){},
        beforeSlide : function(){},
        endSlide : function(){},
        mouseWheelEvents : true,
        mouseWheelDelay : false,
        mouseDragEvents : true,
        touchEvents : true,
        arrowKeyEvents : true,
        pagination : true,
        nthClasses : false,
        detectHash : true
    });
    //slider.slideUp();
    //slider.slideDown();
    //slider.slideToIndex( index );
});

基本的HTML结构:

<!doctype html>
<html class="fsvs" lang="en">
    <body>
        <div id="fsvs-body">
            <div class="slide"></div>
            <div class="slide"></div>
            <div class="slide"></div>
        </div>
    </body>
</html>

 

下载信息

格式:JS+SCSS

文件大小:5kB

百度网盘下载:http://pan.baidu.com/s/1mgn4DBi密码:aqt2

分享到:

jQuery特效–响应式全屏垂直滚动》有0条评论

发表评论

返回页顶