两张图片,JS怎么实现,单击图片片后,一张显示,另一张隐藏?求源码。 本帖最后由 bauterujj 于 2012-10-09 11:02:38 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 图片添加单击事件,操作另一张图片的style.display,=none就是隐藏,block就是显示或者使用jquery的toggle()函数 简单又暴力的方法,为img添加onclick事件,替换它的链接地址<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> 呃,Lz这思路是不是出了问题?两张图片,你单击,显示一张,隐藏另一张,那隐藏的那张你岂非永远点不到了?最直接的方法:<img src="1.gif" id="i1" onclick="document.getElementById('i2').style.display='none';"/><img src="2.gif" id="i2" onclick="document.getElementById('i1').style.display='none';"/> <html><head runat="server"> <title></title> <script language="javascript" type="text/javascript" src="/Scripts/jquery-1.4.4.min.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function () { $("#divimg img").each(function () { $(this).click(function () { $("#divimg img").show(); $(this).hide(); }); }); }); </script></head><body> <form id="form1" runat="server"> <div id="divimg"> <img src="http://www.baidu.com/img/baidu_sylogo1.gif"/> <img src="http://www.google.com.hk/images/srpr/logo3w.png"/> </div> </form></body></html> 隐藏的那个style.display = "none"显示的那个 style.display = "" 或者jquery中的 hide(),show()都可以实现 JS中如何判断一个时间范围。 .js扩展的文件,如何包含另一个.js扩展名的文件? 求一个正则表达式 关于JS和ActiveX之间事件的问题 新闻动态显示问题 CheckBox被点击后,文本框背景色为什么不能为灰色!!! EasyUI datagrid不支持自定义的JsonResut 吗? 为什么要加return true??? 如何向表格中添加一行?急,在线等待ing 怎样得到当前窗口大小? 急,在线等,闭包问题 花瓣网是如何做到改变地址栏url而不刷新当前网页的?
<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>
两张图片,你单击,显示一张,隐藏另一张,那隐藏的那张你岂非永远点不到了?最直接的方法:
<img src="1.gif" id="i1" onclick="document.getElementById('i2').style.display='none';"/>
<img src="2.gif" id="i2" onclick="document.getElementById('i1').style.display='none';"/>
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript" src="/Scripts/jquery-1.4.4.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$("#divimg img").each(function () {
$(this).click(function () {
$("#divimg img").show();
$(this).hide();
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="divimg">
<img src="http://www.baidu.com/img/baidu_sylogo1.gif"/>
<img src="http://www.google.com.hk/images/srpr/logo3w.png"/>
</div>
</form>
</body>
</html>
显示的那个 style.display = ""
都可以实现