-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpic.html
52 lines (51 loc) · 1.66 KB
/
pic.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轮播</title>
<link rel="stylesheet" href="./pic.css">
</head>
<body>
<ul class = 'out'>
<!-- <div class = 'outWrap' > -->
<div class = 'wrapper'>
<div class = 'slider'>
<li class = 'active'></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</div>
<button class = 'leftBtn' style = 'width:25px;height:80px;position: absolute;left: 40px; top: 126px;'>
</button>
<ul class = 'inside-w'>
<li class="zero pic">
<img src="http://img2.imgtn.bdimg.com/it/u=3905709969,3504973041&fm=26&gp=0.jpg" alt="">
</li>
<li class = 'first pic'>
<img class = 'ileft' src="http://img3.imgtn.bdimg.com/it/u=1756712057,3191802878&fm=26&gp=0.jpg" alt="">
</li>
<li class = 'second pic bigger'>
<img class = 'imiddle' src="http://img5.imgtn.bdimg.com/it/u=166207644,2489886089&fm=26&gp=0.jpg" alt="">
</li>
<li class = 'three pic'>
<img class = 'iright' src="http://img0.imgtn.bdimg.com/it/u=3212118059,530778295&fm=26&gp=0.jpg" alt="">
</li>
<li class = 'four pic'>
<img src="http://img0.imgtn.bdimg.com/it/u=713804382,2304758220&fm=26&gp=0.jpg" alt="">
</li>
<li class = 'five pic'>
<img src="http://img2.imgtn.bdimg.com/it/u=2404049737,463605445&fm=26&gp=0.jpg" alt="">
</li>
</ul>
<button class = 'rightBtn' style = 'width:25px;height:80px;position: absolute; right: 40px; top: 126px;'>
</button>
</div>
<!-- </div> -->
</ul>
<script src='./jquery-3.2.1.js'></script>
<script src='./jquery.easing.min.js'></script>
<script src="./pic.js"></script>
</body>
</html>