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

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

javascript html

Javascript 如何在鼠标悬停时动态更改帧大小,javascript,html,frame,Javascript,Html,Frame,你能告诉我怎样在鼠标上改变框架的大小吗例如：在鼠标悬停时，应如下所示： <frameset rows="40%,60%"> 还有，我们有什么办法可以这样做吗 <frameset rows="40%,60%"> ---> <frameset rows="70%,30%"> ---> <frameset rows="40%,60%"> (after loading webpage; (after 5 sec

你能告诉我怎样在鼠标上改变框架的大小吗

例如：

在鼠标悬停时，应如下所示：

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

-->-->
（加载网页后；（5秒后）（鼠标悬停）
（持续5秒）

您可以使用JQUERY更改帧大小。其中已经定义了一个效果动画。

使用它非常容易。

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

代码：

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


var=false；
var框架集；
window.onload=function（）{frameset=document.getElementById（“foo”）；}；
设置超时（修改，5000）；
函数修改（）
{
已经=正确；
setAttribute（“行”、“70%、30%”）；
}
函数大（）
{
如果（已经）frameset.setAttribute（“行”、“70%、30%”）；
}
函数小（）
{
如果（已经）frameset.setAttribute（“行”、“40%、60%”）；
}

代码：


var=false；
var框架集；
window.onload=function（）{frameset=document.getElementById（“foo”）；}；
设置超时（修改，5000）；
函数修改（）
{
已经=正确；
setAttribute（“行”、“70%、30%”）；
}
函数大（）
{
如果（已经）frameset.setAttribute（“行”、“70%、30%”）；
}
函数小（）
{
如果（已经）frameset.setAttribute（“行”、“40%、60%”）；
}

你想在mouseout上使用

吗

？你想在mouseout上使用

吗

？亲爱的朋友，脚本出现了一些问题，现在正在运行；我也忘了说些什么；我只希望当我只在底部框架上鼠标时发生此事件..是吗possible@t3st对于仅在底部框架上的onmouseover，请查看my edit.still not working.。这是代码var ready=false；var frameset=document.getElementById（“foo”）；设置超时（修改，5000）；函数modify（）{ready=true；frameset.setAttribute（“行”，“70%，30%”；}函数big（）{if（ready）frameset.setAttribute（“行”，“70%，30%”；}函数small（）{if（ready）frameset.setAttribute（“行”，“40%，60%”；}@t3st哇！我终于明白了这个问题（我不熟悉

）。问题是框架集取代了主体。因此，您必须将脚本放入

page1.htm

或

page2.htm

或头部。我正在编辑。亲爱的朋友，剧本有点问题，它现在正在运行；我也忘了说些什么；我只希望当我只在底部框架上鼠标时发生此事件..是吗possible@t3st对于仅在底部框架上的onmouseover，请查看my edit.still not working.。这是代码var ready=false；var frameset=document.getElementById（“foo”）；设置超时（修改，5000）；函数modify（）{ready=true；frameset.setAttribute（“行”，“70%，30%”；}函数big（）{if（ready）frameset.setAttribute（“行”，“70%，30%”；}函数small（）{if（ready）frameset.setAttribute（“行”，“40%，60%”；}@t3st哇！我终于明白了这个问题（我不熟悉

）。问题是框架集取代了主体。因此，您必须将脚本放入

page1.htm

或

page2.htm

或头部。我在编辑。

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