0

ここにコードが2つのフレームを持つmain.jspページがあります

 <body>
<div><a href="#" onClick="somthingJS();"> hide</a></div>
<table>
<tr>
    <td style="height:100%"><iframe name="leftFrame" id="leftFrame" src="leftnavigation.jsp" height="600" width="200" frameborder="0"></iframe></td>

    <td style="height:100%"><iframe name="mainFrame" id="mainFrame" src="news.jsp"  height="600" width="1000" frameborder="0" scrolling="auto"> </iframe></td>
</tr>       
</tr>   

</table>
</body>

leftFrameを非表示にする必要があります。onclickメソッドがiframeを非表示にするために何かを実行する非表示ラベルで、
Jqueryを使用して最大90％非表示にする必要があるわけではありません。

前もって感謝します.....

4

5 に答える 5

1

「最大 90 まで非表示」にしたい場合 - 不透明度が 20% に変更されますか? 次に: ここで
jquery を使用すると、コードが動作します: http://jsfiddle.net/rnAyh/.fadeTo

変更したい場合は、これを確認してください: http://jsfiddle.net/rnAyh/1/

于 2012-08-30T13:24:04.103 に答える
0

あなたがやろうとしていることを完全に理解したかどうかはわかりませんが、タイトルから、iframeをクリップしたいと思っているようです。CSSiframeプロパティを試してください。

.iframe-to-crop {
    clip: rect(0px,50px,0px,0px);
}

これにより、iframeの右側の50ピクセルが「切り取られ」ます。これをチェックしてください。

于 2012-08-30T13:26:03.913 に答える
0

以下のコードは、説明のために私のコメントをインラインで見つける必要があります。

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script> 
           /*
            attr() if element height is needed if set, 
            css() if style element used
            */

            function somethingJS(){
                var iHeight=$('#leftFrame').attr("height");
               iHeight=(!isNaN(iHeight))?600:iHeight;
               $('#leftFrame').attr("height",iHeight-iHeight*(90/100));
            }

        </script>
    </head>
<body>
    <div>
        <!-- In your original code href="#" will create problems in IE , so either attach the event in jquery onload or use the below code -->    
        <a href="javascript:void(0)" onClick="somethingJS()"> hide</a>    
    </div>
<table>
<tr>
    <td style="height:100%"><iframe name="leftFrame" id="leftFrame" src="12197789.html" height="600" width="200" frameborder="1"></iframe></td>

    <td style="height:100%"><iframe name="mainFrame" id="mainFrame" src="12197789.html" height="600" width="1000" frameborder="1" scrolling="auto"> </iframe></td>
</tr>       
</table>
</body>
</html>
于 2012-08-30T14:32:49.427 に答える
0

iframeの幅を変更するだけですか？

(function() {
  var toggle = false,
      frames = [document.getElementById('leftFrame'),document.getElementById('mainFrame')];
  window.somethingJS = function() {
    frames[0].setAttribute("width",toggle ? 200 : 20);
    frames[1].setAttribute("width",toggle ? 1000 : 1180);
    toggle = !toggle;
  };
})();
于 2012-08-30T13:21:58.190 に答える
0

左フレームのスタイルをに変更できますopacity: 0.1-変更somethingJS();するだけです

document.getElementById('leftFrame').style.opacity = 0.1;
于 2012-08-30T13:28:00.747 に答える