码迷,mamicode.com
首页 > 其他好文 > 详细

img src 改变问题

时间:2015-06-09 15:45:31      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:

<script type="text/javascript">
function changeSrc(){
if(document.getElementById("pic").src=="images/5.jpg")
{
document.getElementById("pic").src="images/6.jpg";

}
if(document.getElementById("pic").src="images/6.jpg")
{
document.getElementById("pic").src="images/5.jpg";
}
}
</script>

 

<img  id="pic" align="center" margin-right="10px" src="images/6.jpg"  width="25%"  onclick="return changeSrc()"/>

 

点击图像只能改变一次图像显示,想要改变多次则把代码改写为其他的

 

<script type="text/javascript">
function changeSrc(){
var element=document.getElementById("pic");
if(element.src.match("images/5.jpg"))
{
element.src="images/6.jpg";
}else{
element.src="images/5.jpg";
}
}
</script>

 

<img  id="pic" align="center" margin-right="10px" src="images/6.jpg"  width="25%"  onclick="return changeSrc()"/>

 

img src 改变问题

标签:

原文地址:http://www.cnblogs.com/xiaopihai988/p/4563564.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!