+ -
当前位置:首页 → 问答吧 → 显示隐藏层时,FF下图片不能变换

显示隐藏层时,FF下图片不能变换

时间:2010-05-13

来源:互联网

显示隐藏层时,FF下图片不能变换的问题
希望我说清楚了,
上传不了图片,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> img{display:block;} </style> <script> function divHide(strDivName) { var objDiv = document.getElementById(strDivName); var sty = objDiv.style.display; if(sty=='none'){ objDiv.style.display = 'block'; event.srcElement.src = "1.jpg"; } if(sty=='block'){ objDiv.style.display = 'none'; event.srcElement.src = "2.jpg"; } } </script> </head> <body> <img src="2.jpg" onclick="divHide('div1');"> <div id="div1" style="border:1px solid #ccc;width:200px;height:100px;background:#fff;display:none"> <div onclick="divHide('div1');">111111</div> </div> <img src="2.jpg" onclick="divHide('div2'); "> <div id="div2" style="border:1px solid #ccc;width:200px;height:100px;background:#fff;display:none"> <div onclick="divHide('div2');">111111</div> </div> <img src="2.jpg" onclick="divHide('div3');"> <div id="div3" style="border:1px solid #ccc;width:200px;height:100px;background:#fff;display:none"> <div onclick="divHide('div3');">111111</div> </div> <img src="2.jpg" onclick="divHide('div4');"> <div id="div4" style="border:1px solid #ccc;width:200px;height:100px;background:#fff;display:none"> <div onclick="divHide('div4');">111111</div> </div> </body> </html>
 提示:您可以先修改部分代码再运行

作者: erroringldh   发布时间: 2010-05-13