0

2つのiframeが50％の幅で隣り合っていますが、そのiframeにマウスを合わせると、1つのiframeのサイズを80％に変更できるかどうか疑問に思っています。出来ますか？もしそうなら、誰かがこれを機能させるための小さなハウツーを投稿できますか？

4

1 に答える 1

2

Firefoxでこれを試しました：

<html lang="en">
    <head>
        <title>iframes</title>
    </head>
    <body>
      <div id="container">
        <iframe id="ifr1" style="width:45%;margin:0">a</iframe>
        <iframe id="ifr2" style="width:45%;margin:0">b</iframe>
      </div>
      <script>
        var dv = document.getElementById('container'),
            ifr1 = document.getElementById('ifr1'), 
            ifr2 = document.getElementById('ifr2');
            swapWidth = function(id){
                if(id === 'ifr1'){
                    ifr2.style.width = '15%';
                    ifr1.style.width = '75%';
                }else{
                    ifr1.style.width = '15%';
                    ifr2.style.width = '75%';
                }
            };
        dv.onmouseover = function(ev){
            ev = ev || window.event;
            var elm = ev.target || ev.srcElement;
            swapWidth(elm.id);
        };
      </script>
    </body>
</html>

編集：IEのコードを追加

于 2009-11-25T10:02:27.047 に答える