0

onmouseover で最初の div を表示して 2 番目の div を非表示にし、ホバーで 2 番目の div を表示して最初の div を非表示にしようとしています。申し訳ありませんが、私はjavascriptが得意ではない初心者です.誰かが私のためにこれを解決できますか? onmouseover や onmouseout など、適用方法がわからないため、そのコードの一部を省略したようです.

<!DOCTYPE html> 
<html>
<body>
<div id="placeholder" onMouseOver="document.getElementById('blink').style.display = 'block';" onmouseout="document.getElementById('blink').style.display = 'none';">
 <div id="show">
## Heading ##
 </div>
 <div id="blink">
 <p> some text </p>
 </div>
 </div>
</html>
</body>

 css
  #placement{display:block;}
 #show{display:block;}
 .blink{
  position:relative;
 left:100px;
 width:450px;
height:515px;
background:#000;
padding:15px;
color:white;

}
 #blink:hover #blink{
display:block;
visibility:visible;
}

  .hide_show{
position:absolute;
left:15px;
right:15px;
padding:0;
margin:0;
text-align:left;}
4

2 に答える 2

0

さて、あなたが望むのは、デフォルトで見出し行を表示することだと思いますか?マウスオーバーすると、非表示のテキストが表示されますか? 次のことを試してください: (基本的に、最初に #blink div を非表示に設定する必要があります。また、プレースホルダーの ID 名が正しくありません (配置ではありません)。

<!DOCTYPE html> 
<html>

<style>
#placeholder{display:block;}
 #show{display:block;}
 .blink{
  position:relative;
 left:100px;
 width:450px;
height:515px;
background:#000;
padding:15px;
color:white;
display:none;
}
 #blink:hover #blink{
display:block;
visibility:visible;
}
  .hide_show{
position:absolute;
left:15px;
right:15px;
padding:0;
margin:0;
text-align:left;}
</style>
        <body>
        <div id="placeholder" onMouseOver="document.getElementById('blink').style.display = 'block';" onmouseout="document.getElementById('blink').style.display = 'none';">
         <div id="show">## Heading ##</div>
         <div id="blink"><p> some text </p></div>
        </div>
        </html>
    </body>
于 2013-10-05T02:42:15.877 に答える
0

誰かがマウスを div.show の上に置いたときに、あなたの質問をよりよく理解できるように、問題を解決するのを手伝うことができます。そして、誰かが .blink の上にカーソルを置いたときに、.show を表示したり隠したりしたいですか?

于 2013-10-05T02:44:44.910 に答える