-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
118 lines (118 loc) · 5.34 KB
/
main.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
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Document</title>
<link rel="stylesheet" href="css/index.css"/>
<script src="js/boya.js"></script>
<script>top.setHeader(0); // 0 = 一级导航， 1 = 二级导航，2 = 登录，注册页导航</script>
</head>
<body>
<div class="content">
<div class="scroll">
<div class="wrapper">
<div class="item">
<div class="topic">
<div class="swiper swiper-container">
<div class="swiper-wrapper">
<div class="step swiper-slide"><a href="http://www.baidu.com"><img src="http://cdn.boyakids.cn/upload/20151101/64/645e51410b9628ff5a412a348b80dd79_640x356.jpg"/></a></div>
<div class="step swiper-slide"><a href="http://www.baidu.com"><img src="http://cdn.boyakids.cn/upload/20151101/ca/ca76aeae5620a3439cd071cb511e12c3_640x356.jpg"/></a></div>
<div class="step swiper-slide"><a href="http://www.baidu.com"><img src="http://cdn.boyakids.cn/upload/20151015/51/5190bc4fd8c3c4e6ad09cf5d0a47a10a_640x356.jpg"/></a></div>
</div>
</div>
<div class="point"> </div>
</div>
<script>
;(function(window,document){
var spans = '',
step = document.querySelectorAll('.swiper .step'),
point = document.querySelector('.point'),
c = 0,
l = step.length;
function set(){
spans = '';
for(var i=0;i<l;i++){
if(i==c){
spans += '<span class="on"></span>'
}else{
spans += '<span></span>';
}
}
point.innerHTML = spans;
}
new Swiper ('.swiper', {
loop:true,
autoplay:3000,
onSlideChangeEnd:function(s){
var index = s.activeIndex -1;
c= index;
if(c<0){
c = l-1;
}
if(c==l){
c=0
}
set()
}
})
})(window,document);
</script>
</div>
<div class="item">
<div class="title">今日</div>
<div class="list">
<div class="single"><a href="#">
<dl>
<dt><img src="img/260_195.png"/><span>恐龙馆</span><i class="lock"></i>
</dt>
<dd>
<h2>恐龙与史前生命</h2>
<p>小恩和奶奶从田园里采摘了两篮子果蔬，各自拿着长锹和耙子，返回自己的家。然而小恩的父母在家门口，各自低下头，不知道发生了什么。...</p><span>20154</span>
</dd>
</dl></a></div>
<div class="single"><a href="#">
<dl>
<dt><img src="img/260_195.png"/><span>恐龙馆</span><i class="play"></i>
</dt>
<dd>
<h2>恐龙与史前生命</h2>
<p>小恩和奶奶从田园里采摘了两篮子果蔬，各自拿着长锹和耙子，返回自己的家。然而小恩的父母在家门口，各自低下头，不知道发生了什么。...</p><span>20154</span>
</dd>
</dl></a></div>
</div>
</div>
<div class="item">
<div class="title">2015年5月15日</div>
<div class="list">
<div class="single"><a href="#">
<dl>
<dt><img src="img/260_195.png"/><span>恐龙馆</span><i></i></dt>
<dd>
<h2>恐龙与史前生命</h2>
<p>小恩和奶奶从田园里采摘了两篮子果蔬，各自拿着长锹和耙子，返回自己的家。然而小恩的父母在家门口，各自低下头，不知道发生了什么。...</p><span>20154</span>
</dd>
</dl></a></div>
<div class="single"><a href="#">
<dl>
<dt><img src="img/260_195.png"/><span>恐龙馆</span><i></i></dt>
<dd>
<h2>恐龙与史前生命</h2>
<p>小恩和奶奶从田园里采摘了两篮子果蔬，各自拿着长锹和耙子，返回自己的家。然而小恩的父母在家门口，各自低下头，不知道发生了什么。...</p><span>20154</span>
</dd>
</dl></a></div>
<div class="single"><a href="#">
<dl>
<dt><img src="img/260_195.png"/><span>恐龙馆</span><i></i></dt>
<dd>
<h2>恐龙与史前生命</h2>
<p>小恩和奶奶从田园里采摘了两篮子果蔬，各自拿着长锹和耙子，返回自己的家。然而小恩的父母在家门口，各自低下头，不知道发生了什么。...</p><span>20154</span>
</dd>
</dl></a></div>
</div>
</div>
</div>
</div>
</div>
<script>top.setHeader(0,'subject'); </script>
</body>
</html>