3 
<style>
 .h,.e {list-style-type: none; float:left;}
 .h div,.e div{background-color:gray; padding:2px 20px;margin:1px;}
 #h1,#e1{background-color:yellow; padding:2px 20px;margin:5px; visibility:hidden;
 }


<ul>
  <li class="h">
    <div id="h">Home</div>
    <ul class="h1" id="h1"><li>H1</li><li>H2</li><li>H3</li><li>H4</li></ul>
  </li>
  <li  class="e">
    <div id="e">Exit</div>
    <ul class="e1" id="e1"><li>E1</li><li>E2</li><li>E3</li><li>E4</li></ul>
  </li>
<ul>

<script>
  var oh = document.getElementById("h");
  var oe = document.getElementById("e");
  var oh1 = document.getElementById("h1");
  var oe1 = document.getElementById("e1");

  oh.onmouseover=function(){oh1.style.visibility="";};
  oe.onmouseover=function(){oe1.style.visibility="";};
</script>

マウスオーバーでid=h1、e1アイテムを表示したいのですが、機能していません....、コードの何が問題になっていますか？

4

4 に答える 4

0

試してみてくださいvisible。

oh1.style.visibility="visible";
于 2012-05-29T18:21:28.557 に答える
0 
<script>
  var oh = document.getElementById("h");
  var oe = document.getElementById("e");
  var oh1 = document.getElementById("h1");
  var oe1 = document.getElementById("e1");

  oh.onmouseover=function(){oh1.style.display="block";};
  oe.onmouseover=function(){oe1.style.display="block";};
</script>
于 2012-05-30T03:34:31.933 に答える
-1

試す：

oh1.style.visibility="visible";

かなり明白な修正であるはずですが、説明として、可視性を「」に設定しても値はありません。したがって、変更はありません。「visible」は受け入れられる値であり、oh1オブジェクトを表示します。

于 2012-05-29T18:20:52.737 に答える
-1

jQuery を使用: http://jsfiddle.net/JqvSL/8/

作業が楽になり、コードが 10 倍きれいに見えます。opacityまたはを使用displayしてブロックを非表示にできますがvisibility、jQuery でも機能します。

于 2012-05-29T18:26:13.720 に答える