右下角的浮动广告JS代码,带关闭按钮

因做企业站的需要,在页面里加个点击QQ和MSN对话的浮动广告框,手里的随动代码一堆,哪知竟没有定位于右下角的,于是GG了一个,改了下放上来。

HTML就不写了,此JS代码能过IE6、7、FF,且符合W3C标准。还有关闭按钮。JS里的代码如下:

//div float right bottom
document.writeln("<div id='adright' style='width:157px;height:121px;position: absolute;z-index:99999;left:0px;top:0px;'><div style='width:157px;height:121px;background: url(/js/ad_bg.gif) no-repeat;'><div style='float: left; width: 93px; padding-top: 88px;text-align: right;'><a target='blank' href='http://wpa.qq.com/msgrd?V=1&Uin=QQ号码'><img src='/js/qq.gif' border=0 alt='点击进行 QQ 交谈' /></a></div><div align='right' style='font-size:0px;'><img src='/js/close.gif' title='关闭' onclick=closeDiv() style='cursor:pointer'></div></div></div>");

adright.style.top=document.documentElement.clientHeight-170;
adright.style.left=document.documentElement.clientWidth-200;
moveR();
function moveR() {
adright.style.top=document.documentElement.scrollTop+document.documentElement.clientHeight-121;
adright.style.left=document.documentElement.scrollLeft+document.documentElement.clientWidth-157;
setTimeout("moveR();",80)
}
function closeDiv(){
 adright.style.visibility='hidden';
}

说明:

所用到的三张图片(大DIV背景图、QQ图、关闭图)请自行解决,DIV的大小随便修改,请注意粗体字部分。

 setTimeout("moveR();",80) 中的 80 单位是毫秒,为浮动DIV的跟随反应时间,数字越小跟得越快。

Trackbacks: 点击获得Trackback地址,Encode: UTF-8  点击获得Trackback地址,Encode: GB2312 or GBK  点击获得Trackback地址,Encode: BIG5
Tags: javascript, 浮动广告 | 分类:CSS & JS
浏览概况:评论:3 | 阅读:17848
文章评论(3)
[1楼] [引用] [TOP]
手提袋 发表于 2009, April 29, 4:02 PM
小小支持一下下
[2楼] [引用] [TOP]
private_man 发表于 2009, May 20, 11:42 PM
好,非常好。顶一下,找了好久。
[3楼] [引用] [TOP]
人人IT网 发表于 2011, September 17, 11:15 AM
用不了呀
发表评论
用户名:
密码(游客无需):
网址/E-mail:
      记住我的信息