<!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=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
var imgarr = new Array("1.png" , "2.png", "3.png");
var index=0;
function preimg()
{
index--;
if(index>=0&& index <imgarr.length)
{
document.bgimg.src=imgarr[index];
}else
{
index = imgarr.length -1;
document.bgimg.src=imgarr[index];
}
}
function nextimg()
{
index++;
if(index> imgarr.length -1)
{
index=0;
document.bgimg.src=imgarr[index];
}
else
{
document.bgimg.src=imgarr[index];
}
}
var yinyong = setInterval(nextimg, 3000);
function stop()
{
clearInterval(yinyong);
}
</script>
</head>
<body οnlοad="yinyong()">
<img name="bgimg" src="1.png" width="400px" height="400px"/>
<div style="position:absolute;left:12px;top:170px;">
<a href="JavaScript:preimg();"><img src="pre.png"/></a>
</div>
<div style="position:absolute;left:340px;top:170px;">
<a href="JavaScript:nextimg();"><img src="next.png" /></a>
</div>
<a href="JavaScript:stop()"> stop</a>
<a href="JavaScript:start()" οnclick="yinyong= setInterval(nextimg, 3000); "> start</a>
</body>
</html>
幻灯片轮播~slideshow
最新推荐文章于 2021-03-10 09:25:12 发布