展开全部
js代码:
function changeImg(num){
var img = document.getElementById('img_box').getElementsByTagName('img');
for(i=0;i<=img.length;i++){
if(i==num+1) img[i].style.display="inline";
else img[i].style.display="none";
if(num==3) img[0].style.display="inline"; //这里的数字3需要与下面html中的最后一个保持一致
}
}
html代码:
<div id="img_box">
<img src="1.jpg" onclick="changeImg(0)" style="display:inline;"/>
<img src="2.jpg" onclick="changeImg(1)" style="display:none;" />
<img src="3.jpg" onclick="changeImg(2)" style="display:none;" />
<img src="4.jpg" onclick="changeImg(3)" style="display:none;" />
</div>
function changeImg(num){
var img = document.getElementById('img_box').getElementsByTagName('img');
for(i=0;i<=img.length;i++){
if(i==num+1) img[i].style.display="inline";
else img[i].style.display="none";
if(num==3) img[0].style.display="inline"; //这里的数字3需要与下面html中的最后一个保持一致
}
}
html代码:
<div id="img_box">
<img src="1.jpg" onclick="changeImg(0)" style="display:inline;"/>
<img src="2.jpg" onclick="changeImg(1)" style="display:none;" />
<img src="3.jpg" onclick="changeImg(2)" style="display:none;" />
<img src="4.jpg" onclick="changeImg(3)" style="display:none;" />
</div>
2012-03-10
展开全部
试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片,不点就会自动换
里面有教程和源码
有12345数字一起切换
鼠标点一下数字会变换到另一张图片,不点就会自动换
里面有教程和源码
参考资料: http://www.blueidea.com/common/shoutbox/redir.asp?7=p&id=10895
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询