如何在鼠标上动态改变帧大小 [英] How to change dynamically frame size on mouse over
本文介绍了如何在鼠标上动态改变帧大小的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
例如：
<$ p 你能告诉我如何改变鼠标上的框架大小吗？ $ p>
< 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％>
（在加载网页后;（5秒后）（在鼠标上方）
为5秒）
解决方案
代码：
< html>
< head>
< script>
var already = false;
var frameset;
window.onload = function（）{frameset = document.getElementById（foo）;};
setTimeout（modify，5000）;
函数modify（）
{
already = true;
frameset.setAttribute（rows，70％，30％）;
}
函数big（）
{
if（already）frameset.setAttribute（rows，70％，30％）;
}
函数small（）
{
if（already）frameset.setAttribute（rows，40％，60％）;
}
< / script>
< / head>
< frameset rows =40％，60％id =foo>
< frame src =page1.htm>
< / frameset>
< / html>
Can you tell me how we can change a frame size on mouse over?
eg:
<html>
<frameset rows="70%,30%">
<frame src="page1.htm">
<frame src="page2.htm">
</frameset>
</html>
On mouse over it should become like this:
<frameset rows="40%,60%">
And also is there any way we can do like this?
<frameset rows="40%,60%"> ---> <frameset rows="70%,30%"> ---> <frameset rows="40%,60%">
(after loading webpage; (after 5 seconds) (on mouse over)
for 5 seconds)
解决方案
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>
这篇关于如何在鼠标上动态改变帧大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
