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

最新推荐文章于 2021-03-07 10:31:08 发布

最新推荐文章于 2021-03-07 10:31:08 发布 · 149 阅读

文章标签：

#JavaScript #XHTML #HTML #工作 #ViewUI

本文介绍了一种在DHTML页面中修复浮动广告的方法。通过将document.body替换为document.documentElement，可以使原有的浮动广告代码在DHTML页面中正常工作。文中提供了一个具体的实现案例。

平常在工作中都是使用普通的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>