Skip to content

梁建民 / activity

Go to a project
Commit 6ea492fd by liangjianmin
Options

Merge branch 'master' of http://119.23.72.7/liangjianmin/activity

parents 983a5ebc 6b35f3cc
Expand all
Inline Side-by-side
Showing with 122 additions and 0 deletions
css/history/history.min.css 0 → 100644
* { margin: 0; padding: 0; }
body { background-color: #333333; }
img { border: 0; vertical-align: top; }
ul, li { list-style: none; }
.shutter {
overflow: hidden;
width: 1000px;
height: 358px;
position: relative;
margin: 50px auto;
border-radius: 10px;
}
.shutter-img {
z-index: 1;
}
.shutter-img,
.shutter-img a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.shutter-img a {
cursor: default;
}
.shutter-img a > img {
width: 100%;
height: 100%;
}
.shutter-img .created {
overflow: hidden;
position: absolute;
z-index: 20;
}
.shutter-btn {}
.shutter-btn li {
position: absolute;
z-index: 2;
top: 50%;
width: 49px;
height: 49px;
margin-top: -25px;
cursor: pointer;
}
.shutter-btn li.prev {
left: 20px;
background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;
}
.shutter-btn li.next {
right: 20px;
background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;
}
.shutter-desc {
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;
}
\ No newline at end of file
history.html 0 → 100644
<!DOCTYPE html>
<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" />
</head>
<body>
<div class="shutter">
<div class="shutter-img">
<a href="#" ><img src="images/fuwu.png" alt="#"></a>
<a href="#" ><img src="images/licheng.png" alt="#"></a>
</div>
<ul class="shutter-btn" style="display:none">
<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/velocity.js"></script>
<script src="js/shutter.js"></script>
<script type="text/javascript">
$(function () {
$('.shutter').shutter({
shutterW: 1000, // 容器宽度
shutterH: 358, // 容器高度
isAutoPlay: true, // 是否自动播放
playInterval: 30000, // 自动播放时间
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