JavaScript切换图片
结合window对象的settimeout（）方法制作一个多幅图片切换特效。提示：获得层对象，通过层样式的DISPLAY属性设置图片是显示还是隐藏。求助啊，谁会？写下代码...
结合window对象的settimeout（）方法制作一个多幅图片切换特效。
提示：获得层对象，通过层样式的DISPLAY属性设置图片是显示还是隐藏。
求助啊，谁会？写下代码，急用 展开
提示：获得层对象，通过层样式的DISPLAY属性设置图片是显示还是隐藏。
求助啊，谁会？写下代码，急用 展开
4个回答
展开全部
<script language="JavaScript">
var nowShow=1; //显示图片的第一张
var maxShow=5;//总共要显示的图片有5张
function Show()
{
for(var i=1;i<(maxShow+1);i++)
{
if(i==nowShow)
document.getElementById('img'+i).style.display="block";//显示第一张图片,i=1
else
document.getElementById('img'+i).style.display="none";//隐藏其他图片,i不等于1
}
if(nowShow!=maxShow)//定义显示下一张图片,
nowShow++; //此时nowShow不再是1,所以再次进入循环式就显示下一张图片
else
nowShow=1;//当nowShow加到和maxShow相等时,重新设置nowShow的值,从头开始显示图片
theTimeout=setTimeout("Show()",1000);//每隔0.5秒调用Show()函数
}
</script>
注:把图片的ID设成img+数字(1,2,3之类的连续整数)
var nowShow=1; //显示图片的第一张
var maxShow=5;//总共要显示的图片有5张
function Show()
{
for(var i=1;i<(maxShow+1);i++)
{
if(i==nowShow)
document.getElementById('img'+i).style.display="block";//显示第一张图片,i=1
else
document.getElementById('img'+i).style.display="none";//隐藏其他图片,i不等于1
}
if(nowShow!=maxShow)//定义显示下一张图片,
nowShow++; //此时nowShow不再是1,所以再次进入循环式就显示下一张图片
else
nowShow=1;//当nowShow加到和maxShow相等时,重新设置nowShow的值,从头开始显示图片
theTimeout=setTimeout("Show()",1000);//每隔0.5秒调用Show()函数
}
</script>
注:把图片的ID设成img+数字(1,2,3之类的连续整数)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="JavaScript">
var k=0;
var imgname1="image/";
var imgname2=".jpg";
var imgnub=3;
function start(){
obj=eval("img1");
if (obj.filters.item(0).Transition==23)
obj.filters.item(0).Transition=1;
else
obj.filters.item(0).transition++;
obj.filters.item(0).Apply();
if (k<imgnub) {k++;
}else {k=1;
}
obj.src=imgname1+k+imgname2;
obj.filters.item(0).Play();
setTimeout("start(1)",3000);
}
</script>
</head>
<body onload="start()">
<img id="img1" src="image/0.jpg" style="filter:revealTrans(Transition=2,Duration=1.5)">
</body>
这样OK了么，，个数和时间，图片名称，路径，自己改
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="JavaScript">
var k=0;
var imgname1="image/";
var imgname2=".jpg";
var imgnub=3;
function start(){
obj=eval("img1");
if (obj.filters.item(0).Transition==23)
obj.filters.item(0).Transition=1;
else
obj.filters.item(0).transition++;
obj.filters.item(0).Apply();
if (k<imgnub) {k++;
}else {k=1;
}
obj.src=imgname1+k+imgname2;
obj.filters.item(0).Play();
setTimeout("start(1)",3000);
}
</script>
</head>
<body onload="start()">
<img id="img1" src="image/0.jpg" style="filter:revealTrans(Transition=2,Duration=1.5)">
</body>
这样OK了么，，个数和时间，图片名称，路径，自己改
本回答被提问者和网友采纳
已赞过
已踩过<
你对这个回答的评价是？
展开全部
留个邮箱，给你个切换图片代码。改改就能用。JQuery的也有。但改CSS比较麻烦，看你需求了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
function init(){
change();
}
var i=0;
function change(){
i++;
var j=i-1;
if(i>5){
i=1;
j=5;
}
var dis=document.getElementById("id"+i).style.display;
if(dis=="none"){
document.getElementById("id"+i).style.display="block";
document.getElementById("id"+j).style.display="none";
}
setTimeout("change()",2000);
}
</script>
<div id="id1" style="display:block">1111111</div><div id="id2" style="display:none">2222222</div><div id="id3" style="display:none">3333333</div><div id="id4" style="display:none">4444444</div><div id="id5" style="display:none">5555555</div>
页面加载调用init（）方法；
function init(){
change();
}
var i=0;
function change(){
i++;
var j=i-1;
if(i>5){
i=1;
j=5;
}
var dis=document.getElementById("id"+i).style.display;
if(dis=="none"){
document.getElementById("id"+i).style.display="block";
document.getElementById("id"+j).style.display="none";
}
setTimeout("change()",2000);
}
</script>
<div id="id1" style="display:block">1111111</div><div id="id2" style="display:none">2222222</div><div id="id3" style="display:none">3333333</div><div id="id4" style="display:none">4444444</div><div id="id5" style="display:none">5555555</div>
页面加载调用init（）方法；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
