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 に答える