JS实现广告浮动

it2022-05-05 143

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><title>浮动广告</title><script type="text/javascript">

var tips; var theTop = 50/*这是默认高度,越大越往下*/; var old = theTop; function initFloatTips() { tips = document.getElementById("QQFloat"); moveTips(); }; function moveTips() { var tt=10; if (window.innerHeight) { pos = window.pageYOffset } else if (document.documentElement && document.documentElement.scrollTop) { pos = document.documentElement.scrollTop } else if (document.body) { pos = document.body.scrollTop; }

pos=pos-tips.offsetTop+theTop; pos=tips.offsetTop+pos/10; if (pos < theTop) pos = theTop; if (pos != old) { tips.style.top = pos+"px"; tt=10; //alert(tips.style.top); } old = pos; setTimeout(moveTips,tt); }

window.οnlοad=initFloatTips;</script></head><body><div id="QQFloat" style="top:50px;position: absolute;border:dashed 1px #F90;line-height:20px; width:100px;">浮动广告 浮动广告 浮动广告 浮动广告 浮动广告 浮动广告 浮动广告 浮动广告 </div> </body></html>

转载于:https://www.cnblogs.com/liyuxin/archive/2011/05/12/2044175.html

相关资源：JavaScript实现网页上的浮动广告的简单方法

专利

最新回复(0)