-
Notifications
You must be signed in to change notification settings - Fork 3
/
banner.html
83 lines (80 loc) · 4.65 KB
/
banner.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title>Rain CSS > Index</title>
<meta content="rain css,rain_css,rain css framework,rain.css,html5前端框架,前端框架,front-end,css" name="description"/>
<meta content="rain css,rain_css,rain css framework,rain.css,html5前端框架,前端框架,front-end,css" name="keywords"/>
<!-- Framework CSS -->
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"/>
<!--[if lte IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="css/rain.css" type="text/css" media="all"/>
<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
<style type="text/css">
</style>
</head>
<body class="body">
<div class="header headerBlue">
<nav class="lsn posr clearfix">
<a href="http://www.webdevelopmentmachine.com" class="headerLink headerLinkBlue l pr pl ib tdn">首页home</a>
<a href="http://www.webdevelopmentmachine.com/blog" class="headerLink headerLinkBlue l pr pl ib tdn">博客blog</a>
<a href="http://www.webdevelopmentmachine.com/demo/game.html" class="headerLink headerLinkBlue l pr pl ib tdn">游戏game</a>
</nav>
</div>
<div class="headerM headerGrey">
<div class="posr"><a class="tdn block ptll fsxxl" href="index.html">Rain CSS</a> </div>
</div>
<div class="mt">
<h1 class="entryTitle pt">全屏大Banner</h1>
<div class="c_touch2 mainads oh">
<div class="c_touhmain posr oh">
<ul class=" lsn c_touhlist posa nom nop fullw clearfix">
<li class="fl l posr adsitem" style="background:#fff;">
<span class="block fullw fullh" style="background:url(http://ww3.sinaimg.cn/large/005vSBqyjw1elpmz3aub7j31hc0u0qrl.jpg) no-repeat 50% 50%"></span>
</li>
<li class="fl l posr adsitem" style="background:#953914;">
<span class="block fullw fullh" style="background:url(http://ww2.sinaimg.cn/large/005vSBqyjw1eul2zqj9xdj31hc0xcwps.jpg) no-repeat 50% 50%"></span>
</li>
<li class="fl l posr adsitem" style="background:#F8E0C8;">
<span class="block fullw fullh" style="background:url(http://ww2.sinaimg.cn/large/005vSBqyjw1eul2zptp78j31hc0u0wmj.jpg) no-repeat 50% 50%"></span>
</li>
</ul>
<ul class="c_touchicon lsn clearfix posa nom nop tipCir">
<li class="fl l posr c_tips mls "> <i class="c_on tipicon h-1 w-1 block so bggrey"></i></li>
<li class="fl l posr c_tips mls "> <i class="c_on tipicon h-1 w-1 block so bggrey"></i></li>
<li class="fl l posr c_tips mls "> <i class="c_on tipicon h-1 w-1 block so bggrey"></i></li>
</ul>
</div>
</div>
<footer class="footer socialFooter c borderTop">
<p class="ps">Maintained by the <a href="https://github.com/rainzhai" class="blue">RainZhai</a>.</p>
<p class="ps">Code licensed under <a rel="license" class="blue" href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, documentation under <a rel="license" class="blue" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p>
</footer>
</div>
<a id="scrollUp" href="#top" class='scrollup posf block'></a>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/swipe.js"></script>
<script type="text/javascript">
//创建滑动广告头部
var bigswipe = new $.swipe({
touchSelector: ".c_touch2",
imgArray: [],
linksArray: [],
time: 3000,
autorun: true,
width: $(document).width(),
height: 500,
responsive: false,
fadeout: true,
tipsClass: "bggrey",
tipsActiveClass: "bgw",
tipswrapStyle: {
bottom: "25px",
right: ($(window).width()-40)/2 +"px"
}});
</script>
</body>
</html>