知识大全 js实现拉伸拖动iframe的具体代码

Posted 知

篇首语：敢说敢作敢为， 无怨无恨无悔。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 js实现拉伸拖动iframe的具体代码相关的知识，希望对你有一定的参考价值。

这篇文章介绍了js实现拉伸拖动iframe的具体代码 有需要的朋友可以参考一下  

　　左边iframe放树目录 右边的iframe放index页 拖鼠标同时控制 个iframe的宽高 期待有人能改进 操作方法 鼠标指到 个iframe中间 可以水平拖 纵向拖(控制高度) 缺点 CSDN页面放开鼠标后才改大小 不占CPU资源 这个是实时改大小 所以速度太慢 希望有人来改改 我是不想弄了 反正又没用什么特别的技术 提示 拖动的秘密就在filter:alpha(opacity= )这一句

复制代码 代码如下:  <> <script language="javascript">  var mouseX = ;  var mouseY = ;  var w= ;  function divonmousemove()  obj =document getElementById("a");  obj =document getElementById("b");  obj =document getElementById("ab");  if (mouseX!==event x && mouseY!==event y)obj style cursor= se resize ;  else if (mouseX!==event x)obj style cursor= e resize ;  else if (mouseY!==event y)obj style cursor= s resize ;  else obj style cursor= ;  if (event button== )  obj style width=parseInt(obj offsetWidth)+(event x mouseX);  mouseX=event x;  obj style height=parseInt(obj offsetHeight)+(event y mouseY);  mouseY= event y;  obj style width= ;  obj style left=obj offsetWidth obj offsetWidth/ ;  obj style height=obj clientHeight;  obj style height=obj clientHeight;  obj style left=obj clientWidth+w;  obj style width=screen width obj offsetWidth w;   function divonmousedown()    mouseX = event x;  mouseY = event y;   function divonmouseup()  obj style left=obj offsetWidth;  obj style width=w;  mouseX = ;  mouseY = ;  </script>  <body style= margin: >  <iframe zindex= id="a" src=: ;height: ;position:absolute;z index: ></iframe>  <div zindex= id= ab onmousemove= divonmousemove(); onmouseleave= document getElementById("ab") style cursor= ;  onmousedown= divonmousedown(); onmouseup= divonmouseup();  style= filter:alpha(opacity= );width: ;height: ;background:#aaffaa;position:absolute;left: ;z index: title= 按下鼠标拖动大小 ></div>   <iframe zindex= id="b" name=ContentFrame src=: ;height: ;position:absolute;left: ;z index: ></iframe>  </body>   </>

　　 修改一

复制代码 代码如下: <script language="javascript"> var isResizing=false; function Resize_mousedown(event obj) obj mouseDownX=event clientX; obj leftTdW=obj previousSibling offsetWidth; obj setCapture(); isResizing=true; function Resize_mousemove(event obj) if(!isResizing) return ; var newWidth=obj leftTdW* +event clientX* obj mouseDownX; if(newWidth> ) obj previousSibling style width = newWidth; else obj previousSibling style width= ; function Resize_mouseup(event obj) if(!isResizing) return; obj releaseCapture(); isResizing=false; < /script> < body style= margin: > < table border= cellspacing= cellpadding= px > < tr> < td > < iframe zindex= id="a" src=: %;height: %;z index: ></iframe> < /td> < td onmousedown="Resize_mousedown(event this);" onmouseup="Resize_mouseup(event this);" onmousemove="Resize_mousemove(event this);"> < /td> < td> < iframe zindex= id="b" name=ContentFrame src=: %;height: %;z index: ></iframe> < /td> < /tr> < /table> < /body>

　　 修改二

复制代码 代码如下: cha138/Article/program/Java/JSP/201311/20048

相关参考

知识大全 js操作iframe兼容各种主流浏览器示例代码

遇到了操作iframe的相关问题其实就是在操作iframe内部某个窗体时调用父窗体的一个函数下面与大家分享下操作iframe兼容各种浏览器的方法 　　在做项目时遇到了操作iframe的相关问

知识大全 简单的js图片拉伸效果特效

以下是HTML网页特效代码点击运行按钮可查看效果<scriptlanguage=<fpclass=\'fp-0wmjk\'></fp>javascript<fpcl

知识大全 完美iframe自适应宽度和高度

　　在ie下能实现的功能对照着FF下的方法与属性修改就行了今天终于把这个问题彻底解决了记录一下　　感谢_Ren/　　js代码如下　　代码　　//iframe高度自适应　　functionIFrameR

知识大全 js实现iframe 高度自适应

　　<scripttype=text/javascript>　　//**iframe自动适应页面**//　　//输入你希望根据页面高度自动调整高度的iframe的名称的列表//用逗号把每个

知识大全 js下拉框二级关联菜单效果代码具体实现

这篇文章介绍了js下拉框二级关联菜单效果代码具体实现有需要的朋友可以参考一下 复制代码代码如下: <!DOCTYPEPUBLIC"//WC//DTDXHTMLTransiti

知识大全 js操作iframe的一些方法介绍

　　获得iframe的window对象存在跨域访问限制　　chromeiframeElementcontentWindowfirefoxiframeElementcontentWindowieifra

知识大全 js 调用父窗口的具体实现代码

想要实现如题所示:父窗体需要顶一个show()方法具体实现代码如下感兴趣的朋友可以参考下哈希望对大家有所帮助 　　openershow();父窗体需要顶一个show()方法父面页代码复制代码

知识大全 JS判断网页是否在iframe或frame中

JS判断网页是否在iframe或frame中  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　网上

知识大全 javascript中iframe里面的页面调用父窗口js函数的方法

　　实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法　　比如有A窗口A内有个IFRAMEBB里面的装载的是C页面这时C要直接调用A里面的一个自定义函数ExpandPage();

知识大全 jquery简单的拖动效果实现原理及示例

本文为大家详细介绍下jQuery拖曵的简单实例具体的实现思路及代码如下感兴趣的朋友可以参考下哈希望对大家有所帮助 复制代码代码如下:cha138/Article/program/J