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; } margin: 0;
img { border: 0; vertical-align: top; } padding: 0;
ul, li { list-style: none; } }
body {
background-color: #333333;
}
img {
border: 0;
vertical-align: top;
}
ul, li {
list-style: none;
}
body, html {
width: 100%;
height: 100%;
}
.shutter { .shutter {
overflow: hidden; overflow: hidden;
width: 1000px; width: 100%;
height: 358px; height: 100%;
position: relative; position: relative;
margin: 50px auto;
border-radius: 10px;
} }
.shutter-img { .shutter-img {
z-index: 1; z-index: 1;
} }
.shutter-img, .shutter-img,
.shutter-img a { .shutter-img a {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.shutter-img a { .shutter-img a {
cursor: default; cursor: default;
} }
.shutter-img a > img { .shutter-img a > img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.shutter-img .created { .shutter-img .created {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
z-index: 20; z-index: 20;
}
.shutter-btn {
} }
.shutter-btn {}
.shutter-btn li { .shutter-btn li {
position: absolute; position: absolute;
z-index: 2; z-index: 2;
top: 50%; top: 50%;
width: 49px; width: 49px;
height: 49px; height: 49px;
margin-top: -25px; margin-top: -25px;
cursor: pointer; cursor: pointer;
} }
.shutter-btn li.prev { .shutter-btn li.prev {
left: 20px; left: 20px;
} }
.shutter-btn li.next { .shutter-btn li.next {
right: 20px; right: 20px;
} }
.shutter-desc { .shutter-desc {
position: absolute; position: absolute;
z-index: 2; z-index: 2;
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 36px; height: 36px;
background: url(../images/shutter_shadow.png) repeat; background: url(../images/shutter_shadow.png) repeat;
} }
.shutter-desc p { .shutter-desc p {
padding-left: 20px; padding-left: 20px;
line-height: 36px; line-height: 36px;
color: #fff; color: #fff;
font-size: 14px; font-size: 14px;
} }
\ No newline at end of file
history.html
...@@ -2,46 +2,45 @@ ...@@ -2,46 +2,45 @@
<html lang="zh"> <html lang="zh">
<head> <head>
<title>猎芯进程</title> <title>猎芯进程</title>
<meta name="keywords" content="" /> <meta name="keywords" content=""/>
<meta name="description" content="" /> <meta name="description" content=""/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <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="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"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="favicon" rel="shortcut icon" href="favicon.ico" /> <link type="favicon" rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212" /> <link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212"/>
</head> </head>
<body> <body>
<div class="shutter"> <div class="shutter">
<div class="shutter-img"> <div class="shutter-img">
<a><img src="images/fuwu.png" alt="#"></a> <a><img src="images/fuwu.png" alt="#"></a>
<a><img src="images/licheng.png" alt="#"></a>
</div> </div>
<ul class="shutter-btn"> <ul class="shutter-btn">
<li class="prev"></li> <li class="prev"></li>
<li class="next"></li> <li class="next"></li>
</ul> </ul>
<!-- <div class="shutter-desc"> <!-- <div class="shutter-desc">
<p>Iron Man</p> <p>Iron Man</p>
</div> --> </div> -->
</div> </div>
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/history/velocity.js"></script> <script src="js/history/velocity.js"></script>
<script src="js/history/shutter.js"></script> <script src="js/history/shutter.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(function () {
$('.shutter').shutter({ // $('.shutter').shutter({
shutterW: 3840, // 容器宽度 // shutterW: 3840, // 容器宽度
shutterH: 2160, // 容器高度 // shutterH: 2160, // 容器高度
isAutoPlay: true, // 是否自动播放 // isAutoPlay: true, // 是否自动播放
playInterval: 5000, // 自动播放时间 // playInterval: 5000, // 自动播放时间
curDisplay: 1, // 当前显示页 // curDisplay: 1, // 当前显示页
fullPage: true // 是否全屏展示 // fullPage: true // 是否全屏展示
}); // });
}); });
</script> </script>
</body> </body>
</html> </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