Question

我知道这是一个重复的问题。我看到了那些例子但没有得到任何东西。我写的代码是与所有浏览器一起使用，但不是专门用于IE9和8.请帮我说明如何显示div。在css中我也提到过display：none。代码片段是：

html代码是：

  <div align="center" class="mainVideo" id="mainVideo" style="vertical-align:middle;">
                    <object align="middle" id="videoobj" style="vertical-align:middle;" width="500" height="400">
                        <param name="movie" value="swf/STIHL_intro1.swf">
                        <embed src="swf/STIHL_intro1.swf" align="middle" style="vertical-align:middle;" id="embedsrc" width="500" height="400">
                        </embed>
                    </object>

                    <div>
                        <button id="nextbutton" value="next" style="background-image:url(images/n1.png);" />
                    </div>
                </div>

          <div id="divMain">
                <table width="100%">
                    <tr>
                        <td width="50%" >&nbsp;</td>
                        <td style="position:absolute;left:60%;top: 50%;">
                            <img src="images/gray_image_002.png"  border="0" />
                        </td>
                      </tr>
                  </table>          
                <div  id="circle1"> 
                    <div id="circle12"><br/> <br/><b>Employee Benefits</b></div> 

                </div>
                <div class="circle" id="circle2">
                    <div id="circle22"><br/> <b>Expectations</b></div>
                </div>
                <div class="circle" id="circle3">
                    <div id="circle32"><br/> <b>Manufacturing <br/>Operations Safety</b></div> 
                </div>
           </div>

脚本代码是：

if(n[1] == "divMain")
                {
                    showModules(1);
                }else
                if(n[1] == "divModule1")
                {
                    showModules(2);
                }


                $("#nextbutton").click(function()
                {
                    alert('heretest')
                    showModules(1);
                });

            });

 function showModules(no)
       {
             $("#container").css("background-image","");

           if(no==1)
            {
                //alert('not coming here')
                 $("#divModule1").hide();
                  $("#divModule2").hide();
                  $("#divModule3").hide();
                 $("#divMain").show();
                 $("#divIFrameResources").hide();
                 $("#divModule4").hide();
                 $("#mainVideo").hide();
            }
            else
            if(no==2)
            {
                 $("#divModule2").show();

                 $("#divModule1").hide();
                  $("#divModule3").hide();
                 $("#divMain").hide();
                 $("#divIFrameResources").hide();
                  $("#divModule4").hide();
                  $("#mainVideo").hide();
            }
}

请忽略结束标签...我想点击下一步按钮时会显示divMain。场景是我在开始时运行mainVideo，然后在下一个按钮divMain上运行。如果我不在css中给出display：none，那么在开始时我可以看到divMain，但是当我点击nextbutton然后同样不会到来。请建议。提前致谢

在HTML中显示和隐藏不使用IE9

0 个答案: