因做企业站的需要,在页面里加个点击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的跟随反应时间,数字越小跟得越快。



