2010-12-16 5 views
1

私は自分のウェブサイトにリンクを張りたいので、onmouseoverの位置でdivを開きたいと思っています。もし誰かがそれを手伝ってくれたら?あなたが関数を書くことができれば、それは素晴らしいことでしょう。javascriptでdivを開くにはどうしたらいいですか? Mouseover&Mouseout style

この例であなたはほんの少しの属性をクリーンアップするために必要な私がしようとしたが、それは

<div id="mydiv" style="display: none"> 
    <h3>This is a test!<br> Can you see me?</h3> 
</div> 
<p> 
    <a href="javascript:;" 
    onMouseOver="document.getElementById('mydiv').style.display = 'block'; }"  
    onMouseOut="document.getElementById('mydiv').style.display = 'none'; }"> 
    Toggle Div Visibility 
    </a> 
</p> 
+0

を '101010'ボタンではなく、' "" 'ボタンを使用し、:あなたが示唆したよう

<a href="javascript:;" onMouseOver="document.getElementById('mydiv').style.display = 'block'" onMouseOut="document.getElementById('mydiv').style.display = 'none'"> Toggle Div Visibility </a> 

代わりに、関数を書くことができます。 – MatrixFrog

答えて

3

仕事didntの - あなたは最後に余分な「}」のを持っています。コードのサンプルについては

<a href="javascript:;" 
     onMouseOver="showElement('mydiv')" onMouseOut="hideElement('mydiv')"> 
    Toggle Div Visibility 
</a> 
<script type="text/javascript"> 
    function showElement(id) { 
     document.getElementById(id).style.display = 'block'; 
    } 
    function hideElement(id) { 
     document.getElementById(id).style.display = 'none'; 
    } 
</script> 
+0

ありがとうございました(:とても簡単で分かりやすいです。 – Extelliqent

関連する問題