js图片切换
来源:互联网 发布:windows 更新下载目录 编辑:程序博客网 时间:2024/05/16 16:06
<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 onload="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>
- js 图片切换浏览器
- js图片自动切换
- js实现图片切换
- 图片切换效果JS
- JS图片切换效果
- js 图片切换特效
- js首页图片切换
- JS图片切换效果
- js图片切换
- 图片切换JS代码
- JS图片切换
- js图片切换效果
- js实现切换图片
- js切换图片。
- js简单图片切换
- js 点击切换图片
- 图片切换js代码
- 图片js切换
- java与oracle日期格式
- Integration Services 学习(6):包配置
- vc - dumpbin命令不好使的解决办法
- 透明和不规则 Swing 窗口
- Integration Services 学习(7):包部署
- js图片切换
- Integration Services 学习(8):事务
- 淡定的人生不寂寞
- android2.2的SDK的一些信息
- unity3D物体左出右进,右出左进
- 移动支付模式方面的技术
- 2012年7大移动策略:移动网站,平板Apps以及混合应用
- Oracle Data Mining 组件 说明
- 如何向android的framework里添加新类