学习进度表
周数 | 专业学习目标 | 专业学习时间 | 新增代码量 | 博客发表量 | 人文方面的学习 | 知识技能总结 |
第十四周 | 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" οnmοuseοut="f1();" οnmοuseοver="f2();"/></a> </div><div>
<a href="www.baidu.com"><img id="yqs" src="处理/云栖松01.png" οnmοuseοut="y1();" οnmοuseοver="y2();"/></a> </div>