「onmouseover」向所有幀顯示相同的消息

我想知道每個幀如何顯示不同的消息。所有幀均顯示MSG 1。當你懸停在顯示不同信息的單詞上時，我希望每個框都打開。「onmouseover」向所有幀顯示相同的消息

謝謝你，對不起英文不好。

代碼：

<html> 
     <head> 
       <title>Float Frames</title> 
       <script> 
         function showLayer(obj){ 
           var div = document.getElementById(obj).style; 
           div.display = "block"; 
         } 

         function hideLayer(obj){ 
           var div = document.getElementById(obj).style; 
           div.display = "none"; 
         } 
       </script> 
       <style> 
         #divLayer{*css script*;} 
       </style> 
     </head> 

     <body name="nm_body"> 
       <div> 
         <a href="LINK" onmouseover="showLayer('divLayer');" onmouseout="hideLayer('divLayer');">TEXT1</a> 
       <div> 
       <div id="divLayer" name="nm_divLayer"> 
         MSG 1 
       </div> 

       <div> 
         <a href="LINK" onmouseover="showLayer('divLayer');" onmouseout="hideLayer('divLayer');">TEXT2</a> 
       <div> 
       <div id="divLayer" name="nm_divLayer"> 
         MSG 2 
       </div> 
     </body> 
</html>

來源

2013-03-11 bobthepanda

不要創建與給定的ID不止一個元素。這是無效的，這使得錯誤。

你可以使用這個例如：

<div> 
     <a href="LINK" onmouseover="showLayer('divLayer1');" onmouseout="hideLayer('divLayer1');">TEXT1</a> 
<div> 
<div id="divLayer1" name="nm_divLayer"> 
     MSG 1 
</div> 

<div> 
     <a href="LINK" onmouseover="showLayer('divLayer2');" onmouseout="hideLayer('divLayer2');">TEXT2</a> 
<div> 
<div id="divLayer2" name="nm_divLayer"> 
     MSG 2 
</div>

來源

2013-03-11 17:35:44

它的作品。謝謝哥們！ – bobthepanda 2013-03-11 22:14:43

「onmouseover」向所有幀顯示相同的消息

回答

相關問題