<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>微乐-中国最大的微电影网站</title>
<style type="text/css">
/* 头部样式 */
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
margin:0px;
padding:0px;
font-family:'微软雅黑','宋体';
}
a {
text-decoration:none;
color:#181818;
line-height: 1.5;
}
ol,ul{
list-style: none outside none;
}
ol,ul,li{
list-style: none;
}
img{
border: 0;
}
.header {
width:1015px;
min-width: 1015px;
height:78px;
position:relative;
margin:0px auto;
overflow:hidden;
}
.logo {
float:left;
}
.seacher{
width:518px;
height:40px;
position:absolute;
left:221px;
top:26px;
border:1px solid #E60012;
background-color:#FFF;
}
.seacherInput{
width:432px;
height:40px;
float:left;
}
.seacherIco{
background:url(images/icon.png) no-repeat;
width:17px;
height:18px;
float:left;
margin:10px;
}
.seacherSubInput{
line-height:38px;
width:392px;
height:38px;
border:0px;
font-size:14px;
outline:none;
}
#seacherBtn{
width:86px;
height:40px;
border:0px;
float:left;
color:#FFF;
font-size:18px;
line-height:40px;
text-align:center;
background-color:#E60012;
}
.user{
width:240px;
float:left;
position:relative;
top:26px;
left:620px;
}
.user a{
float:left;
width:28px;
height:21px;
line-height:21px;
padding-top:22px;
text-align:center;
color:#b0b0b0;
margin-left:28px;
font-size:12px;
cursor:pointer;
background:url(images/icon.png) no-repeat;
}
.user a.kg{
background-position:2px -53px;
}
.user a.gz{
background-position:2px -110px;
}
.user a.sc{
background-position:2px -167px;
}
.user a.lg{
background-position:2px -224px;
}
/* 导航栏样式 */
.navBox{
background:url(images/navBg.png) repeat-x;
width:100%;
height:48px;
min-width:1015px;
border-top:1px solid #eeeeee;
z-index:20;
}
.nav{
width:1000px;
margin:0 auto;
position:relative;
}
.nav a{
float:left;
height:45px;
font-size:15px;
line-height:45px;
padding:0 16px;
color:#fff;
}
.cur{
color:#FAD160 !important;
background-color:#99191A;
}
/* 分类导航样式 */
.wrap{
background:url(images/mainBg.gif) repeat;
}
.sortBox{
width:100%;
height:90px;
min-width: 1015px;
overflow:hidden;
background-color:#F0F1F3;
border-bottom:1px solid #b3b3b3;
margin-bottom:35px;
}
.sort{
width:980px;
height:30px;
margin:0 auto;
}
.sort dl{
float:left;
padding-top:15px;
}
.sort dt{
background:url(images/icon.png) no-repeat -376px 0;
margin-bottom:10px;
width:60px;
height:21px;
font-size:12px;
line-height:21px;
text-align:center;
color:#fff;
}
.dlsty{
width:290px;
margin-right:30px;
}
.sort dd{
position:relative;
overflow:hidden;
}
.redText{
color:#e60012;
}
.sort dd a{
font-size:12px;
line-height:12px;
float:left;
height:12px;
margin:0 20px 10px 0;
}
.sort dd i{
border-left:1px solid #b3b3b3;
border-right:1px solid #fff;
height:35px;
width:0;
position:absolute;
right:0;
top:0;
}
.main{
width: 1015px;
min-width: 1015px;
margin:0 auto;
position:relative;
}
.mPageCon{
overflow: hidden;
}
.mptitle{
height: 22px;
margin-bottom: 10px;
}
.mptitle a{
line-height: 22px;
height: 22px;
padding: 2px 5px;
font-size: 14px;
color: #000;
}
.mptitle a .mptitle span{
float: left;
}
.mptitle span{
color: #b3b3b3;
width: 1px;
height: 8px;
}
.curs{
color: #FFFFFF !important;
background-color:#99191A;
}
.mPageCon li{
float: left;
width: 173px;
height: 275px;
padding: 5px;
margin-right: 20px;
margin-bottom: 20px;
}
.mPageCon .imgBox{
width: 173px;
height: 220px;
}
.imgBox{
position: relative;
display: block;
overflow: hidden;
}
.mPageCon .imgBox img{
width: 173px;
}
.lazy{
background: url("images/loader.gif") no-repeat center;
}
a img{
display: block;
}
.imgTitle{
color: #fff;
background: url("images/blackBg.png");
width: 100%;
position: absolute;
left: 0;
bottom: 0;
padding-left: 5px;
height: 20px;
font-size: 12px;
line-height: 20px;
text-align: center;
}
.iconPlay{
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top:50%;
margin: -21px auto auto -21px;
background: url("images/ico-Play.png") no-repeat;
}
.mPageCon .summary{
position: relative;
height: 38px;
padding-top: 5px;
}
.mPageCon .summary dt{
overflow: hidden;
height: 36px;
font-size: 12px;
}
.mPageCon .summary span{
display: block;
background: url("images/ico-3.gif") no-repeat 0 center;
padding-left: 13px;
color: #b3b3b3;
font-size: 12px;
}
.mPageCon .summary i{
font-size: 14px;
font-weight: bold;
color: #e60012;
position: absolute;
top:40px;
right: 0;
}
/* 分页样式 */
.subPage{
border: 1px solid #f1efef;
border-top: none;
color: #999;
padding: 31px 0 45px;
height: 27px;
text-align: center;
font-size: 12px;
}
.subPage a{
display: inline-block;
background: url("images/subPage.gif");
height: 25px;
border: 1px solid #f1efef;
margin-left: 4px;
border-radius: 4px;
line-height: 25px;
padding: 0 10px;
}
.subPage span{
display: inline-block;
background: url("images/subPage.gif");
height: 25px;
border: 1px solid #f1efef;
margin-left: 4px;
border-radius: 4px;
line-height: 25px;
padding: 0 10px;
}
.subPage a:hover{color:#ff0000}
.subCur{
color:#ff0000 !important;
}
/* 尾部样式 */
.footer{
width: 100%;
height: 180px;
background-color: #f0f1f3;
border-top: 1px solid #b0b0b0;
display: block;
min-width: 1015px;
background-color: #f0f1f3;
}
.foot{
width: 1015px;
min-width: 1015px;
margin: 0 auto;
position: relative;
}
.footer .foot .lf{
float: left;
line-height: 25px;
overflow: hidden;
padding-left: 140px;
position: relative;
margin: 25px auto 0 0;
width: 720px;
height: 150px;
}
.footer .ewmpic{
position: absolute;
left: 0;
width: 150px;
height: 150px;
line-height: 15px;
}
.ewmpic h2{
color: #e60012;
padding-bottom: 15px;
font-size: 18px !important;
font-weight: 500;
position: absolute;
top: 5px;
left: 160px;
float: left;
}
.ewmpic span{
font-weight: 500;
color: #333333;
}
.subNav{
position: absolute;
width: 720px;
left: 160px;
top: 40px;
}
.subNav a{
float: left;
color: #666;
font-size: 13px;
}
.subNav span{
float: left;
margin: 3px 10px;
height: 15px;
border-left: 1px solid #b3b3b3;
border-right: 1px solid #FFFFFF;
}
.subNav a:hover{
color: #ff0000;
}
.ftc{
position: absolute;
width: 720px;
left: 160px;
top: 80px;
color: #999999;
font-size: 12px;
}
.ftc2{
position: absolute;
width: 720px;
left: 160px;
top: 115px;
color: #999999;
font-size: 12px;
}
.collMe{
position: absolute;
top: -5px;
left: 450px;
}
</style>
<script type="text/javascript">
window.onload = function(){
/* 搜索框按钮文字变色 */
var oSeaBtn = document.getElementById("seacherBtn");
oSeaBtn.onmouseover = function(){
this.style.color="#FAD160";
};
oSeaBtn.onmouseout = function(){
this.style.color="#FFF";
};
/* 用户模块文字变色 */
var oUsers = document.getElementsByClassName("user")[0];
var oUsersA = oUse
网站首页模板(2015-5-16最新制作完成)
需积分: 11 57 浏览量
2015-05-16
13:09:40
上传
评论
收藏 860KB ZIP 举报
wei.zip （44个子文件） 
wei 
index.html 30KB images 
loader.gif 3KB
icon.png 30KB QQ-1.png 19KB butBG.gif 1KB ico-3.gif 1KB mainBg.gif 1KB QQ-5.png 33KB ico-Play.png 6KB logobg.png 6KB QQ-3.png 49KB QQ-2.png 47KB subPage.gif 1KB navBg.png 1024B QQ-4.png 32KB logo.png 4KB blackBg.png 995B QQ-6.png 37KB .idea 
misc.xml 599B wei.iml 281B workspace.xml 134KB .name 3B modules.xml 258B vcs.xml 164B movieImages 
015.jpg 33KB 019.jpg 3KB 017.jpg 30KB 009.jpg 33KB 014.jpg 20KB 010.jpg 30KB 006.jpg 225KB 007.jpg 46KB 012.jpg 9KB 020.jpg 5KB 011.jpg 39KB 013.jpg 46KB 001.jpg 71KB 018.jpg 13KB 002.jpg 29KB 005.jpg 23KB 016.jpg 22KB 004.jpg 23KB 003.jpg 20KB 008.jpg 20KB javascript css 资源评论
