iframe模拟frame拖动(兼容ie&ff)

http://lily64.blogbus.com/logs/13966200.html




<table width=955 border=0>           
<TR>
                <TD align=middle background=http://www.zzjianghu.com/image/index27.gif
                  height=500><IFRAME id=left name=left
                  src="http://www.zzjianghu.com/bwbb-zys-index-01.htm" frameBorder=0 width=540
                  scrolling=yes height=500></IFRAME></TD>

<td id=myborder width=100% style="background:yellow"></td>

                <TD align=middle background=http://www.zzjianghu.com/image/index31.gif
                  height=500><IFRAME id=right name=right
                  src="http://www.zzjianghu.com/bwbb-gqf-index-01.htm" frameBorder=0 width=320
                  scrolling=yes height=500></IFRAME></TD>
</TR>
</table>

<script>
    var moveobject = "myborder";

    bx=0;
    ifmove=false;
    function mymovestart(e)
    {
    document.getElementById(moveobject).style.cursor="move";
    ifmove=true;
    if(!e)e=event;
    bx=e.clientX;
    }
    function mymovestop()
    {
    document.getElementById(moveobject).style.cursor="default";
    ifmove=false;
    }
    function mymove(e)
    {
    if(ifmove)
    {
    if(!e)e=event;
    off=parseInt(document.getElementById("left").width)+(e.clientX-bx);
    if(off>0)
    document.getElementById("left").width=off;
    off=parseInt(document.getElementById("right").width)-(e.clientX-bx);
    if(off>0)
    document.getElementById("right").width=off;
    bx=e.clientX;
    }
    }
    function myover()
    {
    document.getElementById(moveobject).style.cursor="move";
    }
    function myout()
    {
    mymovestop();
    }
    document.getElementById(moveobject).οnmοusedοwn=mymovestart;
    document.getElementById(moveobject).οnmοuseup=mymovestop;
    document.getElementById(moveobject).οnmοusemοve=mymove;
    document.getElementById(moveobject).οnmοuseοver=myover;
    document.getElementById(moveobject).οnmοuseοut=myout;
    document.getElementById(moveobject).οndrag=function(){return false;}
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值