forked from qiqiboy/pageSwitch
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (65 loc) · 3.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pageSwitch</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui"/>
<meta name="format-detection" content="email=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<div id="wrap" class="wrapper">
<div id="pages">
<div class="page page1">
<h1>图片</h1>
<div class="box">
<img src="https://www.google.com.hk/images/srpr/logo11w.png" />
</div>
</div>
<div class="page page2">
<h1>文本</h1>
<div class="box">
<p>不久前，针对微博用户@Mor-小某的“锤子手机还是不错的！试用后感觉很不错！就是3000多买个它感觉贵了！
定价2600的话还能接受！”这句话，罗永浩在微博上表示“明白，我们考虑一下”。但就在大家还没回过神来的时候，
锤子科技已经迅速宣布了降价，其中16GB 3G版的售价直接下调到了1980元，32G/64G也分别调整到了2080/2480元。</p>
<p>不久前，针对微博用户@Mor-小某的“锤子手机还是不错的！试用后感觉很不错！就是3000多买个它感觉贵了！
定价2600的话还能接受！”这句话，罗永浩在微博上表示“明白，我们考虑一下”。但就在大家还没回过神来的时候，
锤子科技已经迅速宣布了降价，其中16GB 3G版的售价直接下调到了1980元，32G/64G也分别调整到了2080/2480元。</p>
</div>
</div>
<div class="page page3">
<h1>链接图片</h1>
<div class="box">
<a href="https://github.com/qiqiboy"><img src="https://www.google.com.hk/images/srpr/logo11w.png" /></a>
</div>
</div>
<div class="page page4">page4</div>
<div class="page page5">page5</div>
</div>
<div id="ctl">
<button onclick="a.setTransition('fade')">渐隐(fade)</button>
<button onclick="a.setTransition('scroll')">滚动(scroll)</button>
<button onclick="a.setTransition('slide')">下拉(slide)</button>
<button onclick="a.setTransition('scale')">缩放(scale)</button>
<button onclick="a.setTransition('skew')">扭曲(skew)</button>
<button onclick="a.setTransition('rotate')">翻转(rotate)</button>
<button style="color:red;" onclick="a.loop=!a.loop;if(a.loop){this.textContent='取消循环'}else{this.textContent='循环'}">循环</button>
</div>
</div>
<script type="text/javascript" src="src/pageSwitch.js"></script>
<script>
var a=new pageSwitch('pages',{
duration:600,
start:0,
direction:1,
loop:false,
ease:'ease',
transition:'slide',
mousewheel:true,
arrowkey:true
});
</script>
</body>
</html>