我修改的,支持FF和IE的漂浮广告代码

2010-04-08 10:53:16 by 【6yang】, 49 visits, 收藏 | 返回

<!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/html; charset=gb2312" />
<meta name="Copyright" content="6yang设计 http://www.6yang.net/" />
<meta name="keywords" content="JS代码,悬浮漂浮,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为js物理弹性漂浮广告,属于站长常用代码,更多悬浮漂浮代码请访问6yang设计JS代码频道。" />
<title>js物理弹性漂浮广告_6yang设计</title>
</head>

<body>
<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px;
 visibility: visible;"><a href="http://www.6yang.net/" target="_blank"><img src="images/pic.gif" width="80" height="80" border="0"></a></DIV>
<div align="center">
 
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>代码整理:<a href="http://www.6yang.net/" target="_blank">6yang设计</a> </p>
  <p>*尊重他人劳动成果,转载请自觉注明出处!</p>
  <p></p>
  <p>js物理弹性漂浮广告</p>
  <p></p>
  <p>&nbsp;</p>
</div>
</body>
</html><script language="javascript">
var img = document.getElementById("img1");
var xPos = 20;
var yPos = document.documentElement.clientWidth - img.offsetHeight;
var step = 1;
var delay = 5;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos + "px";
function changePos() {
width = document.documentElement.clientWidth;
height = document.documentElement.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.documentElement.scrollLeft + "px";
img.style.top = yPos + document.documentElement.scrollTop + "px";
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() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();
</script>

分享到:
share

    图片原图

    loading

    loading