Question

你能告诉我如何在鼠标上改变帧大小吗？

例如：

<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)

Answer 1

CODE：

<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>

Answer 2

您可以使用JQUERY更改帧大小。动画中已经定义了一个效果。它很容易做到。

如何在鼠标悬停时动态更改帧大小

2 个答案: