首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

两张图片,JS如何实现,单击图片片后,一张显示,另一张隐藏?求源码

2012-10-26 
两张图片,JS怎么实现,单击图片片后,一张显示,另一张隐藏?求源码。两张图片,JS怎么实现,单击图片片后,一张显

两张图片,JS怎么实现,单击图片片后,一张显示,另一张隐藏?求源码。
两张图片,JS怎么实现,单击图片片后,一张显示,另一张隐藏?求源码。

[解决办法]
简单又暴力的方法,为img添加onclick事件,替换它的链接地址

HTML code
<html><head><script type="text/javascript">    var i = 0 ;    function change()    {        var imgBT = document.getElementById('imgBT') ;        if(i == 0)        {            imgBT.src = 'stop.png' ;            i = 1 ;        }        else        {            imgBT.src = 'run.png' ;            i = 0 ;        }    }</script></head><body><div width="48px" height="48px"><img id="imgBT" src='run.png' onclick='change();'/></div></body></html>
[解决办法]
或者jquery中的 hide(),show()
都可以实现

热点排行