学习3

最新推荐文章于 2024-06-10 17:47:36 发布

qq_41296982

最新推荐文章于 2024-06-10 17:47:36 发布

阅读量186

点赞数

本文链接：https://blog.csdn.net/qq_41296982/article/details/78774369

版权

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head><title>aa</title>
<style>
*{
margin:0px;
padding:0px;
}

#yemian1{
background-color:#ffffff;

}
#ye1{
background-color:#700005;
height:20px;
}
#you1{
float:right;
}
#zuo1{
float:left;
}
#ye2{
height:60px;
background-color:#8F000B;
padding-left:70px;
padding-bottom:20px;
font-family:Microsoft YaHei;font-size:25px;
}
#ye3{
background-color:#FFFFFF;
height:30px;
padding-top:10px;
padding-left:230px;

}
li{ list-style-type:none;
float:left;

}
.tu{
width:80%;
height:400px;
position:absolute;
top:140px;
left:150px;
}
.tu > img{
width:100%;
height:100%; 
}
#ye5{ height:20px;
padding-top:450px;
padding-left:180px;
margin-bottom:5px;
}
#ye6{ height:3px;
background-color:#8F000B;
width:75%;
margin-left:180px;
}
#ye7{
height:300;
width:75%;
margin-left:180px;
padding-top:10px;

}
.changdu{
width:300;
float:left;
}
changdu > img{
width:300px;
height:150px;

}
#you2{

width:250px;
float:left;
border-bottom:1px solid #788999;
padding-bottom:5px;
margin-left:130px;
padding-top:10px;
}
#you3{

width:250px;
float:right;
border-bottom:1px solid #788999;
padding-bottom:5px;
padding-top:10px;
}
#ye8{
height:270px;
background-color:#700005;
}
#ye9{
height:30px;
background-color:#000000;
padding-top:3px;
}
#zuo4{
padding-top:50px;
padding-left:150px;
float:left;

}
#zuo5{
font-family:Microsoft YaHei;font-size:25px;
padding-top:80px;
padding-left:550px;
}
</style>

<link rel="stylesheet" type="text/css" href="1.css">
</head>
<body>

<div>
/!--<div id="aa" style="z-index:10">
<div id="a1" style="color:#1979CA">登录信息</div>
<input type="text" style="margin:0px 10px 20px 10px;" placeholder="请输入用户名" maxlength="16" /><br/>
<input type="password" style="margin:0px 10px 20px 10px;" placeholder="请输入密码" maxlength="8" /><br/>
<input type="submit" id="a2" value="登录"></div>--/
<div id="yemian1">
<div id="ye1" style="color:white"">
<div id="zuo1"> 学生 教职工 校友 家长 访客 招聘 募捐</div>
<div id="you1">门户 网络 邮箱 BBS 图书馆 医学部 120周年领导信箱 校庆 English </div>
</div>
<div id="ye2"><img src="img/logo.png" width="310px" height="80px" ></div>
<div id="ye3" style="color:#788999">
<li>北大概括   </li>
<li>招生与资助   </li>
<li>学院与系部   </li>
<li>教育教学   </li>
<li>科学研究   </li>
<li>合作交流   </li>
<li>校园生活  </li>
</div>
<div id="ye4">
<div class="tu" style="z-index:4"><img src="img/1-1.png"></div>
<div class="tu" style="z-index:3"><img src="img/1-2.png"></div>
<div class="tu" style="z-index:2"><img src="img/1-3.png"></div>
<div class="tu" style="z-index:1"><img src="img/1-4.png"></div>
<div id="ye5" style="color:#788999">北大要闻</div>
</div>

<div id="ye6"></div>
<div id="ye7">
<div class="changdu" ><img src="img/1-5.png" width="300" height="180">
《北京高校党建和思想政治工作基本标准》检查组到北大检查工作<br/><font color="#788999" size="2">11月30日《
北京高校党建和思想政治工作基本标准》检查组一行来到北京大学，全面检查学校贯彻落实</font></div>
<div id="you2">董申保院长诞辰100周年纪念会学术研讨会在北京大学举行</div>
<div id="you3">香港特别行政区政府公务员事务局局长罗智光一行访问北京大学</div>
<div id="you2">量子材料科学中心江颖、王恩哥等在Prigress in Surface Science上发表水的核量子效应研究综述</div>
<div id="you3">物理学院优秀本科生参加海峡两岸大学生科技文化交流活动啊啊啊啊啊啊啊</div>
<div id="you2">北京大学哲学一级学科自我评估专家评审会召开</div>
<div id="you3">陆昭阳主讲才斋讲堂第149讲“电影的本质：是空的再造”</div>
<div id="you2">城市与环境学院举办第27期党性教育读书班结业评审模拟学校党代会代表提案活动</div>
<div id="you3">环境科学与工程学院举行大学生禁毒宣传教育活动</div>
</div>
<div id="ye8">
<div id="zuo4" style="color:white">
北大概况  招生资助<br/><br/>
院系设置  教育教学<br/><br/>
科学研究  合作交流<br/><br/>
校园生活  观光访问
</div>
<div id="zuo5" >
<img src="img/logo.png" width="350px" height="100px" ></div>

</div>

</div>
<div id="ye9" style="color:white" align="center">版权所有@xx大学 | 地址：沈阳市沈北新区沈北路53号 | 邮编：10022 | 邮编:sssssss@aaaa.com
</div>

</div>

<script type="text/JavaScript">
var tuCang = document.getElementsByClassName("tu"); 
var tuCangLength = tuCang.length; 
function tupian(){
for(var i = 0; i<tuCangLength;i++){ 
var zIndex = parseInt(tuCang[i].style.zIndex,10); 
zIndex++; 
if(zIndex>tuCangLength){
zIndex = 1; 

}
tuCang[i].style.zIndex=zIndex; 
}

}

window.setInterval(tupian,2000);

</script>

</body>
</html>