js对联广告代码

时间: 2013-12-9 分类: Javascript 作者: SAI

TAGS:

发布一个对联广告代码,正所谓简约而不简单,代码比较精简,用的时候直接手复制就行,看代码:

html:

    <div id="ad1" style="position:absolute;top:100px;left:30px">
<div>这里放图片或者flash</div>
<div style="cursor:pointer" onclick="this.parentNode.style.display='none'">关闭广告</div>
</div>
<div id="ad2" style="position:absolute;top:100px;right:30px">
<div>这里放图片或者flash</div>
<div style="cursor:pointer" onclick="this.parentNode.style.display='none'">关闭广告</div>
</div>

css:

<style type="text/css">
*{margin:0; padding:0; list-style:none; font-size:12px; word-wrap: break-word;}
.wrap{width:960px; margin: 0 auto;background: #fafafa;height: 3000px;}
.img{height: 300px;background: #08A5E0;width: 100px;}/*其它这些css用不着,只是预览效果*/
</style>

js:

<script type="text/javascript">
var y=0;
function dlScroll(){
per=Math.floor(.1*((document.documentElement&&document.documentElement.scrollTop||document.body&&document.body.scrollTop)-y));
var sTop=parseInt(document.getElementById("ad1").style.top)+per+"px";
document.getElementById("ad1").style.top=sTop;
document.getElementById("ad2").style.top=sTop;
y+=per;
}
window.setInterval(dlScroll,1);
</script>
Javin

本文作者: SAI

推崇以用户为中心的设计理念,专注于用户体验设计,游走在视觉设计与前端开发之间。我要投稿

除非特殊注明,本文版权归原作者所有,欢迎转载!转载请注明版权以及本文地址,谢谢。
转载保留版权:塞纳» 前端技术 » Javascript » js对联广告代码
本文地址:http://www.saiody.com/?p=1033

返回顶部