在DHTML格式中的浮动广告的使用

summernight

浏览: 74194 次
性别:

最近访客更多访客>>

lbyzx123

我们快跑

Albert_Hawking

cqrf2006

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

JavaScript XHTML HTML 工作

平常在工作中都是使用普通的html的头....所以从网上找的浮动广告都好用,可是现在网页使用改成了DHTML格式的html原来的漂浮广告就不好使了,今天在网上找到了一个贴子原来是只要修改一个地方就OK..

只要将document.body成为document.documentElement就可以正常使用了...呵呵...原来如何啊...真是开心...

贴代码如下:

<!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">

<div id="dd" style="position:absolute; left:297px; top:114px; width:100px; height:100px; z-index:1">
<a href="#" target=_blank><img src="/images/浮动广告.jpg" width="150" height="80" border=0></a></div>

<SCRIPT LANGUAGE="JavaScript">
var xPos = 20;
var yPos = document.documentElement.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
dd.style.top = yPos;function changePos() {
width = document.documentElement.clientWidth;
height = document.documentElement.clientHeight;
Hoffset = dd.offsetHeight;
Woffset = dd.offsetWidth;
dd.style.left = xPos + document.documentElement.scrollLeft;
dd.style.top = yPos + document.documentElement.scrollTop;
if (yon) {
  yPos = yPos + step;
}else {
  yPos = yPos - step;
}
if (yPos < 0) {
  yon = 1;
  yPos = 0;
}
if (yPos >= (height - Hoffset)) {
  yon = 0;
  yPos = (height - Hoffset);
}
if (xon) {
  xPos = xPos + step;
}else {
  xPos = xPos - step;
}
if (xPos < 0) {
  xon = 1;
  xPos = 0;
}
if (xPos >= (width - Woffset)) {
  xon = 0;
  xPos = (width - Woffset);
}
}function start() {
dd.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume() {
if(pause) {
  clearInterval(interval);
  pause = false;
}else {
  interval = setInterval('changePos()',delay);
  pause = true;
}
}
start();
</script>