我有两个相邻的 iframe,宽度为 50%,我想知道当鼠标悬停在该 iframe 上时是否可以将其中一个 iframe 的大小调整为 80%。是否可以?如果是这样,有人可以发布一个关于如何让它工作的小指南吗?
最佳答案
我在 Firefox 中尝试过:
<html lang="en">
<head>
<title>iframes</title>
</head>
<body>
<div id="container">
<iframe id="ifr1" style="width:45%;margin:0">a</iframe>
<iframe id="ifr2" style="width:45%;margin:0">b</iframe>
</div>
<script>
var dv = document.getElementById('container'),
ifr1 = document.getElementById('ifr1'),
ifr2 = document.getElementById('ifr2');
swapWidth = function(id){
if(id === 'ifr1'){
ifr2.style.width = '15%';
ifr1.style.width = '75%';
}else{
ifr1.style.width = '15%';
ifr2.style.width = '75%';
}
};
dv.onmouseover = function(ev){
ev = ev || window.event;
var elm = ev.target || ev.srcElement;
swapWidth(elm.id);
};
</script>
</body>
</html>
编辑:添加 IE 代码
关于javascript - 可能/如何在鼠标焦点上调整 iframe 大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1795739/