http://www.puttop.com/forum.php?mod=viewthread&tid=84&extra=
你说的是人民邮电出版社《精通CSS+DIV网页样式与布局》吧我这里有光盘的视频教程 视频+源码 我已经给你发到邮箱了 如果需要的话请查收
我也是学这个教程起步的 这个真的很实用 希望能帮助到你
<!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/htmlcharset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
*{font-size:12pxfont-family:Verdana, Geneva, sans-serifline-height:14px}
a{color:#039}
a:hover{color:#f60}
.pop{position:absoluteleft:40%top:40%width:300pxheight:100pxbackground:#eeeborder:1px solid #ccc}
.pop_head{position:relativeheight:20pxbackground:#ccc}
.pop_head a{position:absoluteright:8pxline-height:20pxcolor:#000text-decoration:none}
.pop_head a:hover{color:#f60text-decoration:none}
.pop_body{padding:8px}
.huhu {width:500height:500pxborder:1px solid #000}
-->
</style>
</head>
<body>
<div id="pop" class="pop" style="display:none">
<div class="pop_head"><a href="javascript:void(0)" onclick="hide('pop')">关闭</a></div>
<div class="pop_body">看到了？</div>
</div>
<a href="javascript:void(0)" onclick="show('pop')">登陆</a>
<div class="huhu"></div>
<script type="text/javascript">
var url = '#'
function show(o){
var o = document.getElementById(o)
o.style.display = ""
}
function hide(o){
var o = document.getElementById(o)
o.style.display = "none"
window.location = url
}
</script>
</body>
</html>
