javascript图片定时切换,该如何解决
日期：2014-05-17 浏览次数：20805 次
javascript图片定时切换
各位大神求救，本人现在要在网页上做一个图片定时切换的效果，使用Javascript语言，求源码？
------解决方案--------------------
试下
------解决方案--------------------
可行。。。。。。。。。。
------解决方案--------------------
setTimeout(function() {切换图片代码}, 3000);
------解决方案--------------------
也可以用一张图片不断变更src。
------解决方案--------------------
这个简单啊 百度一堆可以用的
------解决方案--------------------
善用搜索功能
------解决方案--------------------
上网上随便找个插件，还自己写干什么
各位大神求救，本人现在要在网页上做一个图片定时切换的效果，使用Javascript语言，求源码？
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>广告 </title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
*{margin:0;padding:0;}
img{display:none;}
</style>
<script type="text/javascript">
//当前值
var curr = 1;
//下一个值
var next = 1;
function switchoverAD(){
//如果下一个值到了最大值 则回归到初始值
if(next >= 4){
next = 1;
}else{
//否则 递增
next++;
}
//获取该对象 并隐藏
document.getElementById("img" + curr).style.display = "none";
//让下一个值 显示
document.getElementById("img" + next).style.display = "block";
//如果当前值到了最大值 则回到道初始值
if(curr >= 4){
curr = 1;
}else{
//递归
curr++;
}
//计数器
window.setTimeout("switchoverAD()",1000);
}
</script>
</head>
<body onload="switchoverAD()">
<img id="img2" src="/JavaEE/img/o1.gif" />
<img id="img3" src="/JavaEE/img/o2.jpg"/>
<img id="img4" src="/JavaEE/img/o3.jpg"/>
<img id="img1" src="/JavaEE/img/o4.jpg"/>
</body>
</html>
试下
------解决方案--------------------
可行。。。。。。。。。。
------解决方案--------------------
setTimeout(function() {切换图片代码}, 3000);
------解决方案--------------------
也可以用一张图片不断变更src。
------解决方案--------------------
这个简单啊 百度一堆可以用的
------解决方案--------------------
善用搜索功能
------解决方案--------------------
上网上随便找个插件，还自己写干什么
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
