实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
•<!DOCTYPE html>
2
<html lang="zh-CN">
3
    <head>
4
        <meta charset="utf-8">
5
        <title>jQuery图片滑动对比插件twentytwenty演示1_shouce.ren</title>
6
        <link rel="stylesheet" href="/api/jq/5733e37340d99/css/twentytwenty.css">
7
        <style>
8
            .twentytwenty-container { width: 800px; height: 470px; margin: 0 auto; font-family: arial;}
9
        </style>
10
    </head>
11
    <body>
12
        <div class="twentytwenty-container">
13
            <img src="/api/jq/5733e37340d99/img/2.jpg" alt="">
14
            <img src="/api/jq/5733e37340d99/img/1.jpg" alt="">
15
        </div>
16
        <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>
17
        <script src="/api/jq/5733e37340d99/js/jquery.event.move.js"></script>
18
        <script src="/api/jq/5733e37340d99/js/jquery.twentytwenty.js"></script>
19
        <script>
20
            $(function() {
21
                $('.twentytwenty-container').twentytwenty();
22
            });
23
        </script>
24
    </body>
25
</html>