js实现拉伸拖动iframe

最新推荐文章于 2024-07-30 16:35:47 发布

yinxianluo

最新推荐文章于 2024-07-30 16:35:47 发布

阅读量3.3k

点赞数 1

分类专栏： JAVA开发文章标签： JS 拉伸拖动 iframe

本文链接：https://blog.csdn.net/yinxianluo/article/details/8951918

版权

左边iframe放树目录，右边的iframe放index页。拖鼠标同时控制2个iframe的宽高。
期待有人能改进。

操作方法：鼠标指到2个iframe中间，可以水平拖，纵向拖(控制高度)

缺点：CSDN页面放开鼠标后才改大小，不占CPU资源。这个是实时改大小，所以速度太慢，希望有人来改改。我是不想弄了，反正又没用什么特别的技术。

提示：拖动的秘密就在filter:alpha(opacity=0)这一句

<html>
<script language="javascript">
var mouseX = 0;
var mouseY = 0;
var w=5;
function divonmousemove(){
obj1=document.getElementById("a");
obj2=document.getElementById("b");
obj12=document.getElementById("ab");
if (mouseX!==event.x && mouseY!==event.y)obj12.style.cursor='se-resize';
else if (mouseX!==event.x)obj12.style.cursor='e-resize';
else if (mouseY!==event.y)obj12.style.cursor='s-resize';
else obj12.style.cursor='';
if (event.button==1){
obj1.style.width=parseInt(obj1.offsetWidth)+(event.x - mouseX);
mouseX=event.x;
obj1.style.height=parseInt(obj1.offsetHeight)+(event.y - mouseY);
mouseY= event.y;
obj12.style.width=108;
obj12.style.left=obj1.offsetWidth-obj12.offsetWidth/2;
obj12.style.height=obj1.clientHeight;