Skip to content

梁建民 / activity

Go to a project
Commit f76a7f66 by LJM
Options

css

parent bac65696
Inline Side-by-side
Showing with 59 additions and 32 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;
width: 100%;
height: 100%;
position: relative;
margin: 50px auto;
border-radius: 10px;
}
.shutter-img {
z-index: 1;
}
.shutter-img,
.shutter-img a {
position: absolute;
......@@ -23,19 +40,25 @@ ul, li { list-style: none; }
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 {
}
.shutter-btn li {
position: absolute;
z-index: 2;
......@@ -45,12 +68,15 @@ ul, li { list-style: none; }
margin-top: -25px;
cursor: pointer;
}
.shutter-btn li.prev {
left: 20px;
}
.shutter-btn li.next {
right: 20px;
}
.shutter-desc {
position: absolute;
z-index: 2;
......@@ -60,6 +86,7 @@ ul, li { list-style: none; }
height: 36px;
background: url(../images/shutter_shadow.png) repeat;
}
.shutter-desc p {
padding-left: 20px;
line-height: 36px;
......
history.html
......@@ -3,21 +3,20 @@
<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 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" />
<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>
</div>
<ul class="shutter-btn">
<li class="prev"></li>
......@@ -26,22 +25,22 @@
<!-- <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">
</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 // 是否全屏展示
});
// $('.shutter').shutter({
// shutterW: 3840, // 容器宽度
// shutterH: 2160, // 容器高度
// isAutoPlay: true, // 是否自动播放
// playInterval: 5000, // 自动播放时间
// curDisplay: 1, // 当前显示页
// fullPage: true // 是否全屏展示
// });
});
</script>
</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