注册 登录
编程论坛 JavaScript论坛

带关闭按钮的国庆背景图片实现?

zhoukh100 发布于 2009-09-23 18:05, 1115 次点击
大家好,请问,首页带关闭按钮的国庆背景图片是如何实现(点击按钮关闭背景图),163,新浪的实现
1 回复
#2
夜龙魂2009-10-13 12:48

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style type="text/css">
A{
color:#0000FF;
text-decoration:none;
}
     
</style>
<script language="javascript">
    function move(){
        document.getElementById("tupian").style.pixelTop=20+document.body.scrollTop;
        document.getElementById("closes").style.pixelTop=20+document.body.scrollTop;
    }
    window.onscroll=move;
    function closs(){
        document.getElementById("tupian").style.display='none';
        document.getElementById("closes").style.display='none';
    }
</script>
<body >
<img src="images/sohu.jpg" width="1007" height="1139" />
<div id="tupian" style="position:absolute; left:16px; top:12px; z-index:1;">
<img src="images/left.jpg" /></div>
<div id="closes" style="position:absolute; left:120px; top:13px; z-index:2">
<a href="javascript:closs();"><b>关闭</b></a>
</div>
</body>
</html>
1