1

マウスオーバーでフレームサイズを変更する方法を教えてください。

例えば:

<html>
<frameset rows="70%,30%">
<frame src="page1.htm">
<frame src="page2.htm">
</frameset>
</html>

マウスオーバーすると、次のようになります。

<frameset rows="40%,60%">

また、このようにできる方法はありますか?

 <frameset rows="40%,60%"> ---> <frameset rows="70%,30%">  ---> <frameset rows="40%,60%">
 (after loading webpage;        (after 5 seconds)               (on mouse over)
     for 5 seconds)
4

2 に答える 2

1

コード:

<html>
<head>
<script>
var already=false;
var frameset;
window.onload=function(){frameset=document.getElementById("foo");};
setTimeout(modify,5000);
function modify()
{
    already=true;
    frameset.setAttribute("rows","70%,30%");
}
function big()
{
    if(already)frameset.setAttribute("rows","70%,30%");
}
function small()
{
    if(already)frameset.setAttribute("rows","40%,60%");
}
</script>
</head>
<frameset rows="40%,60%" id="foo" >
<frame src="page1.htm">
<frame src="page2.htm" onmouseover="small();" onmouseout="big();">
</frameset>
</html>
于 2012-06-30T05:54:41.473 に答える
0

JQUERY を使用してフレーム サイズを変更できます。すでに定義されている効果アニメーションがあります。それを行うのは非常に簡単です。

于 2012-06-30T05:43:56.110 に答える