关于iframe边框拖拽的问题

两个iframe之间的那个边框，用鼠标拖拽，从而改变两个iframe的大小，有这样的例子吗？
我看网上有一些例子，但是都是把iframe放到table里面，有么有那种直接用div+iframe实现的例子呢？或者说大家有没有思路，谢谢看贴和回帖的兄弟。

解决方案 »

  1.   


    <frameset rows="112,*" cols="*" framespacing="1" frameborder="no" border="1" bordercolor="#FFFFFF">
      <frame src="top.jsp" name="top_button" scrolling="NO" noresize="noresize" id="topFrame" title="topFrame" />
      <frameset cols="200,10,*" framespacing="1" frameborder="no" border="1" >
        <frame src='left.jsp' name="left_menu" scrolling="yes" noresize  />
    <frame border='0' frameBorder='0' name='layer_right'  scrolling='no' src='hidden.jsp' noresize>
        <frame name="display" scrolling="auto" src="right.jsp">
      </frameset>
    </frameset>
    hidden.jsp页面
    找两张图片！
    <%@ page contentType="text/html; charset=UTF-8" language="java" import="java.sql.*" errorPage="" %><HTML>
    <HEAD>
    <TITLE>test</TITLE>
    <script language="JavaScript" type="text/javascript">

    function slidein2(){
    //alert(bar.innerHTML.indexOf("hidden.gif"));
    if(bar2.innerHTML.indexOf("left_hidden2")>1){
    bar2.innerHTML = '<IMG src="../images/left_hidden.gif">';
    parent.menu_main.cols = '0,12,*';
    }else{
    bar2.innerHTML = '<IMG src="../images/left_hidden2.gif">';
    parent.menu_main.cols = '200,12,*';
    }
    }</script>
    </HEAD>
    <body leftmargin="0" topmargin="0">
    <table height="100%" cellpadding="0" cellspacing="0" border='0'>
    <tr>
    <td onclick="return slidein2();" title="Hidden Left Window" style="cursor:hand;" width=10>
    <div id="bar2"><img  src="../images/left_hidden2.gif"></div></td>
      </tr>
    </table>
    </body>
    </HTML>
      

  2.   


    这个第一段代码是frameset的，不是iframe，frameset是框架，是可以拖动边框的，第二段代码只是改变table的列宽吧，跟iframe也没关系吧
      

  3.   

    额，一个的时候，有写过通过拖动边框从而达到变更iframe大小的操作吗？
      

  4.   

    name属性：框架的名称
    src属性：框架的初始页面
    frameborder属性：是否显示边框（[1|0]）
    marginwidth属性：边距宽度
    marginleft属性：边距高度
    noresize属性：禁止修改框架尺寸
    scrolling属性：是否有滚动条（[yes|no|auto]）
    =====================
    src　指定要在页内框架中显示的网页的URL，即初始页面；
    width＝x　指定页内框架的宽
    height＝y　指定页内框架的高
    align＝top｜middle｜bottom｜left｜right　指定页内框架对齐方式
    frameborder＝1｜0　指定页内框架是否采用边框；
    name＝“...”　指定页内框架的名字
    scrolling＝yes｜no｜auto　指定页内框架是否加滚动条；
    marginwidth＝x　指定页内框架水平方向上内容与边框的间隔
    arginheight＝y　指定页内框架垂直方向上内容与边框的间隔
      

  5.   

    何谓 拖拽？mousedown mousemove, mouseup
      

  6.   

    额，就是单拿一个iframe 出来，怎么能通过拖拽边框改变这个iframe的大小，因为iframe的边框是不能直接通过属性设置就能拖的
      

  7.   


    这些应该是iframe的属性设置吧
      

  8.   

    额 ifram 也有嘛 我一直以为js实现的
      

  9.   

    恩，问题算是解决了，大概的思路就是，用一个div做移动层，这个div的背景图片设置成一个长条，用这个div的位置来确定各个iframe的宽度和高度，详细的可以参考一个jquery的框架插件，比如easyui之类的，谢谢各位看贴的兄弟，结贴了