<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>Js广告_全屏漂浮广告</title>
<style type="text/css">
div#roll{width:100pxheight:100px background-color:#000 color:#fff position:absolute}
</style>
</head>
<body>
<div id="roll">我是广告</div>
<script type="text/javascript">
var ggRoll = {
roll : document.getElementById("roll"),
speed : 20,
statusX : 1,
statusY : 1,
x : 100,
y : 300,
winW : document.documentElement.clientWidth - document.getElementById("roll").offsetWidth,
winH : document.documentElement.clientHeight - document.getElementById("roll").offsetHeight,
Go : function(){
this.roll.style.left=this.x+'px'
this.roll.style.top=this.y+'px'
this.x = this.x + (this.statusX? -1: 1)
if(this.x < 0) {this.statusX = 0}
if(this.x > this.winW) {this.statusX = 1}
this.y = this.y + (this.statusY? -1: 1)
if(this.y < 0) {this.statusY = 0}
if(this.y > this.winH) {this.statusY = 1}
}
}
var interval = setInterval("ggRoll.Go()", ggRoll.speed)
ggRoll.roll.onmouseover = function(){clearInterval(interval)}
ggRoll.roll.onmouseout = function(){interval = setInterval("ggRoll.Go()", ggRoll.speed)}
</script>
</body>
</html>
你试一下吧；
某位大哥问题里面的代码，我试了，好像可以用<!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/htmlcharset=gb2312" />
<title>标准对联广告Js代码</title>
<style type="text/css">
<!--
#lovexin12,#lovexin14{
width:90px
height:230px
background-color:#ededed
border:1px solid #ddd
}
html,body{
height:1203px
}
#mm{
height:1000px
}
-->
</style>
<script language="JavaScript" type="text/javascript">
lastScrollY=0
function heartBeat(){
var diffY
if (document.documentElement &&document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
percent=.1*(diffY-lastScrollY)
if(percent>0)percent=Math.ceil(percent)
else percent=Math.floor(percent)
document.getElementById("lovexin12").style.top=parseInt(document.getElementById
("lovexin12").style.top)+percent+"px"
document.getElementById("lovexin14").style.top=parseInt(document.getElementById
("lovexin12").style.top)+percent+"px"
lastScrollY=lastScrollY+percent
}
suspendcode12="<DIV id=\"lovexin12\" style='left:2pxPOSITION:absoluteTOP:120px'>ad1</div>"
suspendcode14="<DIV id=\"lovexin14\" style='right:2pxPOSITION:absoluteTOP:120px'>ad2</div>"
document.write(suspendcode12)
document.write(suspendcode14)
window.setInterval("heartBeat()",1)
</script>
</head>
<body>
<div id="mm"></div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）