DD Full Screen Slider 是一款基于 jQuery 和 jquery.mousewheel.js 的全屏滾動(dòng)插件，正因?yàn)榛谇懊鎯蓚€(gè)文件，所以它比較小，不壓縮也不到 10KB。DD Full Screen Slider 有一下特點(diǎn)：

支持桌面和移動(dòng)設(shè)備

多種方式切換：鼠標(biāo)滾輪、鼠標(biāo)拖拽、圓點(diǎn)導(dǎo)航、鍵盤(pán)方向鍵

支持錨點(diǎn)/哈希

在不支持 CSS3 動(dòng)畫(huà)的瀏覽器中自動(dòng)回滾使用 jQuery 動(dòng)畫(huà)

支持多種瀏覽器，包括 IE8（部分）

使用方法

1、引入文件

<link rel="stylesheet" href="css/ddfullscreenslider.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/ddfullscreenslider.js"></script>

2、HTML

<section id="dowebok" class="dd_fullscreenslider">
    <div class="slidewrapper">
        <article class="slide">第一屏</article>
        <article class="slide">第二屏</article>
        <article class="slide">第三屏</article>
        <article class="slide">第四屏</article>
        <article class="slide">第五屏</article>
    </div>
</section>

3、JavaScript

var fss;
$(function() {
    fss = new ddfullscreenslider({
        sliderid: 'dowebok'
    });
});

配置