Skip to content

梁建民 / activity

Go to a project
Commit f76a7f66 by LJM
Options

css

parent bac65696
Inline Side-by-side
Showing with 101 additions and 73 deletions
css/history/history.min.css
* { margin: 0; padding: 0; }
body { background-color: #333333; }
img { border: 0; vertical-align: top; }
ul, li { list-style: none; }
* {
margin: 0;
padding: 0;
}
body {
background-color: #333333;
}
img {
border: 0;
vertical-align: top;
}
ul, li {
list-style: none;
}
body, html {
width: 100%;
height: 100%;
}
.shutter {
overflow: hidden;
width: 1000px;
height: 358px;
position: relative;
margin: 50px auto;
border-radius: 10px;
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
}
.shutter-img {
z-index: 1;
z-index: 1;
}
.shutter-img,
.shutter-img a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.shutter-img a {
cursor: default;
cursor: default;
}
.shutter-img a > img {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.shutter-img .created {
overflow: hidden;
position: absolute;
z-index: 20;
overflow: hidden;
position: absolute;
z-index: 20;
}
.shutter-btn {
}
.shutter-btn {}
.shutter-btn li {
position: absolute;
z-index: 2;
top: 50%;
width: 49px;
height: 49px;
margin-top: -25px;
cursor: pointer;
position: absolute;
z-index: 2;
top: 50%;
width: 49px;
height: 49px;
margin-top: -25px;
cursor: pointer;
}
.shutter-btn li.prev {
left: 20px;
left: 20px;
}
.shutter-btn li.next {
right: 20px;
right: 20px;
}
.shutter-desc {
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
width: 100%;
height: 36px;
background: url(../images/shutter_shadow.png) repeat;
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
width: 100%;
height: 36px;
background: url(../images/shutter_shadow.png) repeat;
}
.shutter-desc p {
padding-left: 20px;
line-height: 36px;
color: #fff;
font-size: 14px;
padding-left: 20px;
line-height: 36px;
color: #fff;
font-size: 14px;
}
\ No newline at end of file
history.html
......@@ -2,46 +2,45 @@
<html lang="zh">
<head>
<title>猎芯进程</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="favicon" rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212" />
<title>猎芯进程</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="favicon" rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212"/>
</head>
<body>
<div class="shutter">
<div class="shutter">
<div class="shutter-img">
<a><img src="images/fuwu.png" alt="#"></a>
<a><img src="images/licheng.png" alt="#"></a>
<a><img src="images/fuwu.png" alt="#"></a>
</div>
<ul class="shutter-btn">
<li class="prev"></li>
<li class="next"></li>
<li class="prev"></li>
<li class="next"></li>
</ul>
<!-- <div class="shutter-desc">
<p>Iron Man</p>
</div> -->
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/history/velocity.js"></script>
<script src="js/history/shutter.js"></script>
<script type="text/javascript">
$(function () {
$('.shutter').shutter({
shutterW: 3840, // 容器宽度
shutterH: 2160, // 容器高度
isAutoPlay: true, // 是否自动播放
playInterval: 5000, // 自动播放时间
curDisplay: 1, // 当前显示页
fullPage: true // 是否全屏展示
});
});
</script>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/history/velocity.js"></script>
<script src="js/history/shutter.js"></script>
<script type="text/javascript">
$(function () {
// $('.shutter').shutter({
// shutterW: 3840, // 容器宽度
// shutterH: 2160, // 容器高度
// isAutoPlay: true, // 是否自动播放
// playInterval: 5000, // 自动播放时间
// curDisplay: 1, // 当前显示页
// fullPage: true // 是否全屏展示
// });
});
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment