页面内来回漂浮的图片广告代码[网页特效]

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

<div id=dd

style="Z-INDEX: 1; WIDTH: 100px; POSITION: absolute; HEIGHT: 132px"> <a href="http://www.webjx.com/"><img src="/img/200406301.jpg" width="236" height="236" border="0" alt="马到成功!"></a></div>

<script language=JavaScript>

<!-- Begin

//more javascript from http://www.webjx.com

var xPos = 20;// 起始横向位置(从左算起,单位象素)

var yPos = document.body.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.body.clientWidth;// 判断浏览器窗口的宽度

height = document.body.clientHeight; // 判断浏览器窗口的高度

Hoffset = dd.offsetHeight;

Woffset = dd.offsetWidth;

dd.style.left = xPos + document.body.scrollLeft;

dd.style.top = yPos + document.body.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();

// End -->

</script>

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航