实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
<meta charset="utf-8">
5
<title>jQuery全屏滚动插件DD Full Screen Slider演示-禁用锚点_手册网</title>
6
<link rel="stylesheet" href="/api/jq/5733e3276edd5/css/ddfullscreenslider.css">
7
<script src="/api/jq/5733e3276edd5/js/jquery-1.11.3.min.js"></script>
8
<script src="/api/jq/5733e3276edd5/js/jquery.mousewheel.min.js"></script>
9
<script src="/api/jq/5733e3276edd5/js/ddfullscreenslider.js"></script>
10
</head>
11
<body>
12
<section id="shouce" class="dd_fullscreenslider">
13
    <div class="slidewrapper">
14
        <article class="slide">
15
            <p style="position: relative; top: 35%; font: 700 60px 'Microsoft Yahei'; text-align: center;">第一屏</p>
16
        </article>
17
        <article class="slide">
18
            <p style="position: relative; top: 35%; font: 700 60px 'Microsoft Yahei'; text-align: center;">第二屏</p>
19
        </article>
20
        <article class="slide">
21
            <p style="position: relative; top: 35%; font: 700 60px 'Microsoft Yahei'; text-align: center;">第三屏</p>
22
        </article>
23
        <article class="slide">
24
            <p style="position: relative; top: 35%; font: 700 60px 'Microsoft Yahei'; text-align: center;">第四屏</p>
25
        </article>
26
        <article class="slide">
27
            <p style="position: relative; top: 35%; font: 700 60px 'Microsoft Yahei'; text-align: center;">第五屏</p>
28
        </article>
29
    </div>
30
</section>
31
<script>
32
var fss;
33
$(function() {
34
    fss = new ddfullscreenslider({
35
        sliderid: 'shouce',
36
        addHash: false
37
    });
38
});
39
</script>
40
</body>
41
</html>