0

我想知道每个框架如何显示不同的消息。所有框架都显示MSG 1。我希望当您将鼠标悬停在显示不同消息的单词上时，每个框架都打开。

感谢和抱歉英语不好。

编码：

<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>
4

1 回答 1

5

不要创建多个具有给定 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-11T17:35:44.433 回答