generated from Go7hic/scroll.jquery.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (104 loc) · 4.05 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>PS 此乃何物</title>
<meta name="Keywords" content="thank">
<meta name="Description" content="">
<!-- 移动设备支持 -->
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link href="style/reset.css" rel="stylesheet" type="text/css">
<link href="style/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="share.js"></script>
</head>
<body>
<div style="display:none;" id="div_fx_describe">PS 此乃何物</div>
<script>
var gd = true;//true:无限滚动，false:到最后页不能再滚
</script>
<div class="share-img" style="display:none;">
<!-- 自定义分享到微信的图标，大于 300X300 -->
<img src="img/loading.jpg" alt="" />
</div>
<div id="loading" class="loading">
<div class="loadbox">
<img src="img/loading.gif" alt="" />
</div>
</div>
<div class="p-index main" id="con">
<!-- 背景音乐 -->
<div class="bg-music">
<div class="music" id="musicWrap">
<span class="close" onclick="musicPaused()">开关</span>
<audio id="clickMusic" autoplay="autoplay" type="audio/mpeg">
<source src="music.mp3">
<source src="music.ogg">
<source src="music.wav">
你的浏览器不支持此功能
</audio>
</div>
</div>
<!--上下滚动 start-->
<div class="m-page " >
<div class="m-img" ><a href="javascript:;"><img src="img/1.png" alt="" /></a></div>
</div>
<div class="m-page hide" >
<div class="m-img" ><a href="javascript:;"><img src="img/2.png" alt="" /></a></div>
</div>
<div class="m-page hide" >
<div class="m-img" ><a href="javascript:;"><img src="img/3.png" alt="" /></a></div>
</div>
<div class="m-page hide" >
<div class="m-img" ><a href="javascript:;"><img src="img/4.png" alt="" /></a></div>
</div>
<div class="m-page hide" >
<div class="m-img" ><a href="javascript:;"><img src="img/5.png" alt="" /></a></div>
</div>
<div class='u-arrow'><img src="img/btn01_arrow.png" /></div>
<!--上下滚动代码 end-->
</div>
<script type="text/javascript" src="easing.js"></script>
<script type="text/javascript" src="scroll.jquery.js"></script>
<script>
$(function () {
var audio = document.getElementById('clickMusic');
audio.oncanplay = playmusic();
// 对于安卓部分机型不能自动播放采用触屏后自动播放
var firsttaped = 0;
function playmusic(){
$('html').on('touchstart',function(){
if(firsttaped == 0){
audio.play();
firsttaped = 1;
}
});
};
})
</script>
<script type="text/javascript">
// 音乐控制
function musicPaused() {
var oAudio = document.getElementById('clickMusic');
if (oAudio.paused) {
oAudio.play()
} else {
oAudio.pause()
}
}
</script>
<script>
// 打开是加载的图标
window.onload=function(){
$("#loading").hide();
}
</script>
</body>
</html>