手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >网页中可关闭的漂浮窗口实现可自行调节
网页中可关闭的漂浮窗口实现可自行调节
摘要:注释部分为广告的左右调节,可以自行设定复制代码代码如下:网页中可关闭的漂浮窗口关闭点击这里,关闭广告!!!varbodyfrm=(docum...

注释部分为广告的左右调节,可以自行设定

复制代码 代码如下:

<!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>

<title>网页中可关闭的漂浮窗口</title>

<meta http-equiv="content-type" content="text/html;charset=gb2312">

</head>

<body>

<div id="ShowAD">

<div><font color="ff0000">关闭</font><br/>

点击这里,关闭广告!!!<br><a href="/jscss/"><img src="img/ads1.png"></a>

</div>

<script type="text/javascript">

var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;

var adst = document.getElementById("ShowAD").style;

adst.top = ( bodyfrm.clientHeight -530-22 ) + "px";

//adst.left = ( bodyfrm.clientWidth -155) + "px";

function moveR()

{

adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 530-22) + "px";

//adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 155 ) + "px";

}

setInterval("moveR();", 80);

function closead()

{

adst.display='none';

}

</script>

<div id="Content"></div>

</body>

</html>

【网页中可关闭的漂浮窗口实现可自行调节】相关文章:

MSN消息提示类

html代码调试脚本

经典的带阴影的可拖动的浮动层

自动关闭的层

给网页加个彩色窗口

JQuery给网页更换皮肤的方法

关于IFRAME 自适应高度的研究

JavaScript中操作字符串小结

Javascript中prototype属性实现给内置对象添加新的方法

用srcElement实现添加效果 原创

精品推荐
分类导航