您的位置:首页 > Web前端 > JavaScript

javascript(小试牛刀)实现图片循环切换功能

2015-01-11 20:20 597 查看
代码如下

var nnn;

nnn=1;

imgchange();

function imgchange()

{

if(nnn==1)

{ document.getElementById('focuspic1').style.display="block";

document.getElementById('focuspic2').style.display="none";

document.getElementById('focuspic3').style.display="none";

document.getElementById('focusnum1').style.color="yellow";

document.getElementById('focusnum2').style.color="black";

document.getElementById('focusnum3').style.color="black";

setTimeout('imgchange()',1000);

}

if(nnn==2)

{ document.getElementById('focuspic1').style.display="none";

document.getElementById('focuspic2').style.display="block";

document.getElementById('focuspic3').style.display="none";

document.getElementById('focusnum1').style.color="black";

document.getElementById('focusnum2').style.color="yellow";

document.getElementById('focusnum3').style.color="black";

setTimeout('imgchange()',1000);

}

if(nnn==3)

{ document.getElementById('focuspic1').style.display="none";

document.getElementById('focuspic2').style.display="none";

document.getElementById('focuspic3').style.display="block";

document.getElementById('focusnum1').style.color="black";

document.getElementById('focusnum2').style.color="black";

document.getElementById('focusnum3').style.color="yellow";

setTimeout('imgchange()',1000);

}

nnn++;

if(nnn==4)

{

nnn=1;

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: