背景图片自动切换HTML怎么写div,用js肿么实现div背景图片变换?

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN

HTML

HEAD

TITLE 图片加载完毕后自动轮换 /TITLE

META NAME=Generator CONTENT=EditPlus

META NAME=Author CONTENT=YangHui

META NAME=Keywords CONTENT=YangHui

META NAME=Description CONTENT=YangHui

/HEAD

BODY

IMG name=animation SRC=images/0.gif WIDTH=180 HEIGHT=200 BORDER=0 ALT=晶莹

SCRIPT LANGUAGE=JavaScript

!--

var frame = 0;

var timeout_id = null;

function animate(){

document.animation.src = aniframes[frame].src;

if (frame == 3)

{

frame = 0;

} else{

frame = (frame + 1) % 10;

}

timeout_id = setTimeout(animate(), 500);

}

var aniframes = new Array(4);

var num_loaded_images = 0;

function countImages(){

if (++num_loaded_images == aniframes.length)

{

animate();

}

}

for (var i = 0; i 4; i++)

{

aniframes[i] = new Image();

aniframes[i].onload = countImages;

aniframes[i].src = images/ + i + .gif;

}

//--

/SCRIPT

/BODY

/HTML

取消

评论