网页右侧漂浮广告窗口的js代码

发布时间:2019-10-29编辑:脚本学堂
本文介绍了网页右侧漂浮广告的js代码,js漂浮广告代码的例子,有需要的朋友参考下,希望对大家有所帮助。

js右侧漂浮广告的效果:
漂浮窗口位于网页右侧,随页面滚动悬浮。

例子,js漂浮广告代码
 

复制代码 代码示例:
<!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/html;charset=gb2312">
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,jb200.com,www.jb200.com,站长特效 网" />
<meta name="description" content="www.jb200.com,脚本学堂,站长必备js特效及广告代码,在脚本学堂" />
<title>网页特效 网页右侧漂浮窗口 脚本学堂</title>
</head>
<body>
<a href="http://www.jb200.com/">脚本学堂</a>,站长必备的高质量网页特效和广告代码。jb200.com,站长js特效。<hr>
<!--欢迎来到脚本学堂,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.jb200.com,zzjs@msn.com,用.net打造靓站-->
<div id="zzjsnetshowad" style="position:absolute;z-index:100;">
<div style="width:155;height:18px;font-size:14px;font-weight:bold;text-align:left;cursor:hand;" onclick="closead();"><font color="ff0000">关闭</font></div>
<iframe allowtransparency="true" marginwidth="0" marginheight="0" src="/img/20100925zzjsnet.html" frameborder="0" width="155" scrolling="no" height="530"></iframe>
</div>
<script language="javascript">
var bodyfrm = ( document.compatmode.tolowercase()=="css1compat" ) ? document.documentelement : document.body;
var adst = document.getelementbyid("zzjsnetshowad").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";
}//欢迎来到脚本学堂,网址是www.jb200.com,很好记,本站收集大量高质量js代码,还有许多广告代码下载。
setinterval("mover();", 80);
function closead()
{
 adst.display='none';
}//欢迎来到脚本学堂,网址是www.jb200.com。
</script>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>