解决方案 »
- 消息: 对象不支持此属性或方法 IE兼容性问题
- javascript调用ruby方法
- document.selection.createRange问题
- javascript中给一个变量赋值问题(这个字符串比较特别)
- 如何在操作修改表格的id?
- 有个htm问题,用innerHTML改动后样式表失效了!(有例子)
- 全国最便宜的网上家园!
- 请问在JS中怎么判断一个字符是中文还是数字或是其它的字符呢?还有中文算作2个字符吗?(
- 用JQ收集到网页页面的数据传回后台,后台为什么运行不了,
- js如何控制html文本框,为空不能提交表单
- 急,在线等,闭包问题
- 花瓣网是如何做到改变地址栏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 = ""
都可以实现