标签:
学习进度表
周数 |
专业学习目标 |
专业学习时间 |
新增代码量 |
博客发表量 |
人文方面的学习 |
知识技能总结 |
第十四周 |
html网页布局 |
课后 |
如下 |
已发 |
AE |
慕课网
|
图片定位,网页布局
<script language="javascript">
function f2(){
document.getElementById(‘fch‘).src="处理/个人信息01.png";
}
function f1(){
document.getElementById(‘fch‘).src="处理/风吹荷01.png";
}
function y2(){
document.getElementById(‘yqs‘).src="处理/工作经历01.png";
}
function y1(){
document.getElementById(‘yqs‘).src="处理/云栖松01.png";
}
</script>
<style type="text/css">
body{
background-image:url(photo/主页01.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;}
#fch{ position:absolute;
left:112px; /*左右位置*/
top:420px;/*上下位置*/
z-index:2;}
#yqs{position:sbsolute;
left:232px;
top:400px;
z-index:1;}
</style>
</head>
<body>
<div>
<body>
<div >
<a href="www.baidu.com"><img id="fch" src="处理/风吹荷01.png"
onmouseout="f1();" onmouseover="f2();"/></a>
</div>
<div>
<a href="www.baidu.com"><img id="yqs" src="处理/云栖松01.png"
onmouseout="y1();" onmouseover="y2();"/></a>
</div>
标签:
原文地址:http://www.cnblogs.com/luoxijia/p/5550626.html