请教:该如何在js中控制图片的隐现? 即:如何设置图片的display属性才有效?

直接把TR隐藏或者显示即可loadingPic_normal.style.display = "none";  //隐藏
loadingPic_normal.style.display = "";  //显示loadingPic_normal可以替换成任何你要显示隐藏的对象的id

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <script>
    function test(){
        alert('aa');
    document.all.loadingPic.style.display='';
    }
    </script>
    </HEAD><BODY>
    <table id="loadingTable" width="100%" border="0" align="center" cellspacing="0" cellpadding="1" bgcolor="#999999" >
    <tr id="loadingPic_normal" >
      <td><IMG height=15 src="images/loadingimg/line066_normal.gif" width="100%"  id=1 ></td>
    </tr>
    <tr id="loadingPic"  style="DISPLAY: none">
      <td><IMG height=15 src="images/loadingimg/line066.gif" width="100%" id=2 ></td>
    </tr>
    </table>
    <input type=button value="出现" onclick="test();">
    </BODY>
    </HTML>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <script>
    function test(){
        
    document.all.loadingPic.style.display='';
    }
    function test1(){
       
    document.all.loadingPic.style.display='none';
    }
    </script>
    </HEAD><BODY>
    <table id="loadingTable" width="100%" border="0" align="center" cellspacing="0" cellpadding="1" bgcolor="#999999" >
    <tr id="loadingPic_normal" >
      <td><IMG height=15 src="images/loadingimg/line066_normal.gif" width="100%"  id=1 ></td>
    </tr>
    <tr id="loadingPic"  style="DISPLAY: none">
      <td><IMG height=15 src="images/loadingimg/line066.gif" width="100%" id=2 ></td>
    </tr>
    </table>
    <input type=button value="出现" onclick="test();">
    <input type=button value="消失" onclick="test1();">
    </BODY>
    </HTML>
      

  3.   

    display = "none";  //隐藏
    display = "";      //显示
      

  4.   

    //--JS中的一个接口函数.
    function SearchClick(s)
    {
      loadingPic_normal.style.display="none";
      loadingPic.style.display="";
      parent.document.SampleApplet.Query(s);
    }
      
       现在存在这种情况,我需要在调用SampleApplet的Query()进行查询时,用更改图片隐现的方式模拟进度条. 但如果我加入"parent.document.SampleApplet.Query(s);"语句后,上面2条对图片隐现控制的语句就不起作用了( Query()查询操作数据量比较大,资源占有率也比较高 ).
    现在该怎样才能正常控制图片隐现呢??