您的位置:首页 > 其它

点击改变图片的2种方法

2016-08-30 00:00 155 查看
<script>
function changeImage()
{
element=document.getElementById('myimage')
var src =element.getAttribute("src")
if (src==="/images/pic_bulbon.gif")
{
element.setAttribute("src","/images/pic_bulboff.gif")
}
else
{
element.setAttribute("src","/images/pic_bulbon.gif");
}
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">

或者js如下:

<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))

//element.src.match("bulbon")如果能匹配到 返回一个数组,if(true) 执行下面的,返回数组就说明(里面的内容为true)
{
element.src="/images/pic_bulboff.gif";
}
else
{
element.src="/images/pic_bulbon.gif";
}
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: