js浮动广告，如何加“关闭”按钮？

JavaScript013

js浮动广告，如何加“关闭”按钮？,第1张

解决方案的代码如下

javascirpt中加入

function target_dis(){

var target=document.getElementById("yourDivName")

target.style.display="none"

}

然后在连接或者 按钮中 加入onclick="target_dis()" 即可

然后点击“关闭”按钮 就可以了关掉了

我写了个简单的，自己根据具体情况修改吧

<script>

function

ddd()

{

//alert("ddd")

document.getelementbyid("chip1").style.top=document.body.scrolltop

+50

document.getelementbyid("chip2").style.top=document.body.scrolltop+50

}

</script>

<body

onscroll="ddd()"

bgcolor="#ffffff"

text="#000000"

>

<div

id="chip1"

style="position:absolute

width:100

height:400left:0pxtop:50pxbackground:#00dd00">

<a

href="rm/ad1.htm"><img

src="

http://www.baidu.com/img/logo.gif

"

border=0></a>

</div>

<div

id="chip2"

style="position:absolute

width:100

height:400left:1000pxtop:50pxbackground:#00dd00">

<a

href="rm/ad2.htm"><img

src="

http://www.baidu.com/img/logo.gif

"

border=0></a>

</div>

<center>

<p>

<p>

<p>

<p>

<p>

dd

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

dd

<p>

<p>

<p>

<p>

<p>

</center>

</body>

<html>

<head>

<title>漂浮的图片</title>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<!--head头部代码开始-->

<script language="JavaScript" SRC="moveobj.js"></script>

<script>

var chip1

var chip2

var chip3

//根据使用的图片的多少增加或减少上面相应代码；

function pagestart()

{checkbrOK()

chip1=new Chip("chip1",160,80)

chip2=new Chip("chip2",60,80)

//根据使用的图片的多少增加或减少上面的相应代码

if(brOK)

{ movechip("chip1")

movechip("chip2")

//根据使用的图片的多少增加或减少上面的相应代码

}

}

</script>

<!--代码结束-->

<link rel="stylesheet" href="../style.css">

<body onLoad="pagestart()" onUnload="if(brOK) {stopme('chip1')stopme('chip2')}" bgcolor="#FFFFFF" text="#000000" >

<DIV ID="chip1" STYLE="position:absolutewidth:47height:68">

<A HREF="rm/ad1.htm"><IMG SRC="ballon1.jpg" BORDER=0></a>

</DIV>

<DIV ID="chip2" STYLE="position:absolutewidth:47height:68">

<A HREF="rm/ad2.htm"><IMG SRC="ballon2.jpg" BORDER=0></a>

</DIV>

<center>

<p>

<script src="moveobj.js"></script>

</center>

</body>

</html>