Question

我想知道每个帧如何显示不同的消息。所有帧都显示 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>

Answer 1

不要使用给定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>

“onmouseover”向所有帧显示相同的消息

1 个答案: