网页中可关闭的漂浮窗口实现可自行调节_Javascript教程-查字典教程网
网页中可关闭的漂浮窗口实现可自行调节
网页中可关闭的漂浮窗口实现可自行调节
发布时间:2016-12-30 来源:查字典编辑
摘要:注释部分为广告的左右调节,可以自行设定复制代码代码如下:网页中可关闭的漂浮窗口关闭点击这里,关闭广告!!!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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类