实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
•<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
<meta charset="utf-8">
5
<title>jQuery图片滑动对比插件twentytwenty演示2_shouce.ren</title>
6
<link href="/api/jq/5733e37340d99/css/twentytwenty.css" rel="stylesheet">
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
        default_offset_pct: 0.7,
23
        orientation: 'vertical'
24
    });
25
});
26
</script>
27
</body>
28
</html>