我的网页上有 3 个框架，我需要一种方法来增加悬停事件时框架的大小，我该怎么做？ 这是我的代码：
<html>
<style ="text/css"> </style>
<frameset cols="33.3%,33.3%,33.3%">
<frame src="enter.html"> <frame src="prod.html">
<frame src="game.html"> </frameset>
【问题讨论】：
你可以这样尝试：
HTML
<frameset id="1" cols="33.3%,33.3%,*">
<frame src="page1.html" onmouseover="big()" onmouseout="small()"></frame>
<frame src="page2.html" onmouseover="big()" onmouseout="small()"></frame>
<frame src="page3.html" onmouseover="big()" onmouseout="small()"></frame>
</frameset>
第1页的Javascript
var e = document.getElementById("myframeset");
function big(){
e.setAttribute("cols","60%,20%,*")
}
function small(){
e.setAttribute("cols","33.3%,33.3%,*")
}
注意：您不会将 javascript 代码放置在包含框架集的页面中。 javascript代码应该分别放在page1、page2和page3中。
【讨论】：
试试这个http://jsfiddle.net/9vsr0ybx/
iframe{
width:400px;
height:400px;
}
iframe:hover{
width:500px;
height:500px;
}
【讨论】：