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

【问题标题】：How to change dynamically frame size on mouse over如何在鼠标悬停时动态更改帧大小
【发布时间】：2012-07-01 13:46:44
【问题描述】：

您能告诉我如何在鼠标悬停时更改帧大小吗？

例如：

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

【问题讨论】：

你想要那个onmouseout -> <frameset rows="70%,30%"> 吗？

标签： javascript html frame

【解决方案1】：

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

【讨论】：

【解决方案2】：

代码：

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

【讨论】：

亲爱的朋友，现在运行的脚本有些问题；而且我也忘了告诉一些事情；我只想在我将鼠标悬停在底部框架上时发生此事件..有可能
@t3st 对于仅在底部框架上的鼠标悬停，请查看我的编辑。
仍然不工作..这是代码
@t3st 哇！我终于明白了这个问题（我不熟悉<frameset>）。问题是框架集取代了车身。所以你必须把脚本放在page1.htm 或page2.htm 或头部。我正在编辑。

猜你喜欢

1970-01-01
1970-01-01
1970-01-01
1970-01-01
2020-07-23
1970-01-01
2013-12-10
2014-01-20
1970-01-01

相关资源

下载 2023-01-11
下载 2021-06-26
下载 2023-02-24
下载 2023-02-19
下载 2022-12-17

最近更新更多

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode