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;
}
}
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;
}
}
相关文章推荐
- JavaScript实现简单循环切换功能.
- JavaScript之动态改变img标签里面的src属性实现图片的循环切换
- 图片左右循环切换功能的实现
- 用javascript实现的图片马赛克后显示并切换加文字功能
- 用JavaScript实现点击循环切换图片
- JavaScript实现鼠标滚轮控制页面图片切换功能示例
- javascript 实现图片轮播和点击切换功能
- 用javascript实现的图片马赛克后显示并切换加文字功能
- 使用JavaScript实现点击循环切换图片效果
- asp javascript 通过放大切换图片实现类似屏保效果
- 利用JAVASCRIPT实现几张图片的切换
- JavaScript实现类似TitleAlt功能并且可以显示图片。
- Javascript实现图片的移动,图片的放大,图片缩小功能
- JavaScript实现谷歌,百度切换搜索功能
- 【Android游戏开发十六】Android Gesture之【触摸屏手势识别】操作!利用触摸屏手势实现一个简单切换图片的功能!
- 用javascript实现图片预览功能
- 【Android游戏开发十六】Android Gesture之【触摸屏手势识别】操作!利用触摸屏手势实现一个简单切换图片的功能!
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果
- 图片切换效果-Javascript实现
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果