首先我们自己动手做一张背景为透明色的图片,格式可以自己定制,但最好是gif动画的,这样可以增加动感效果,再把以下代码加入到html的任意位置,注意:把连接地址“href=”和图片的位置“src=”填写好。
<div id="img" style="position:absolute;">
<a href="路径/*.htm"><img src="http://www.itus.cn路径/*.gif"border="0"></a>
</div>
然后把以下代码复制到你的记事本里,选择文件->另存为,在输入框中键入"piao.js"(注意:引号千万不能少,以便保证你存储的文件的括展名是.js)
<!--
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;
img.style.top = ypos;
function changepos() {
width = document.body.clientwidth;
height = document.body.clientheight;
hoffset = img.offsetheight;
woffset = img.offsetwidth;
img.style.left = xpos + document.body.scrollleft;
img.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() {
img.visibility = "visible";
interval = setinterval('changepos()', delay);
}
start();
// end -->
闽公网安备 35060202000074号