读书人

javascript图片定时切换,该如何解决

发布时间: 2013-04-21 21:18:07 作者: rapoo

javascript图片定时切换
各位大神求救,本人现在要在网页上做一个图片定时切换的效果,使用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>


试下
[解决办法]
引用:
XML/HTML code?1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><……


可行。。。。。。。。。。
[解决办法]
setTimeout(function() {切换图片代码}, 3000);
[解决办法]
引用:
XML/HTML code?1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><……
也可以用一张图片不断变更src。
[解决办法]
这个简单啊 百度一堆可以用的
[解决办法]
善用搜索功能
[解决办法]
上网上随便找个插件,还自己写干什么

读书人网 >Java Web开发

热点推荐