<script type="text/javascript">
var maxFrame = 3;//有多少张图片
var timer;
var nowFrame=0; //当前是第几张图片
//显示函数
function showAdv()
{
if(nowFrame==maxFrame ){
nowFrame=1;
}else{
nowFrame++;
}
//循环判断是否显示和隐藏的问题
for(var i=1;i<=maxFrame;i++)
{
//判断
if(i==nowFrame)
{
//显示
document.getElementById("adv"+i).style.display = "block";
//改变类样式
}
else
{
//隐藏
document.getElementById("adv"+i).style.display = "none";
}
}
//document.getElementById("t").value=nowFrame;
//通过setTimeout()重复调用函数
timer = window.setTimeout("showAdv();",1000);
}
//当有按钮点击切换图片的方法
function change(id)
{
//清除
window.clearTimeout(timer);
if(id==-1){
if(nowFrame==1){
nowFrame = maxFrame-1;
}else{
nowFrame = nowFrame-2;
}
}
showAdv();
}
</script>
</head>
<body οnlοad="showAdv()">
<div>
<a href="#" id="adv1" style="display:block;"><img src="images/1.png" width="300" height="120" /></a>
<a href="#" id="adv2" style="display:none;"><img src="images/2.png" width="300" height="120" /></a>
<a href="#" id="adv3" style="display:none;"><img src="images/3.png" width="300" height="120" /></a>
</div>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
