javascript 层缩放问题(望得贵人帮忙)解决问题再加分,谢谢!

来源:百度知道 编辑:UC知道 时间:2024/09/21 12:36:38
哪位大虾帮忙帮我把这段鼠标拖动层代码改造一下,让鼠标可以缩放层的大小,就像窗口一样的那种(firefox要兼容的),一定在我的原码上改动,并且加上注释,谢谢了,搞定的话一定追加分数给你!

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>拖动层</title>
</head>

<script language="javascript" >

var x=0,y=0,x1=0,y1=0;
var moveable=false;
var index=10000;

//开始拖动

function startDrag(obj,evt){
e=evt?evt:window.event;
if(true){
if (!window.captureEvents){
obj.setCapture();
}else{
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
var win=obj.parentNode;//取得父窗体
win.style.zIndex=++index;//设置父窗体的Z轴值
x= e.clientX;//取得当前鼠标的X坐标
y= e.clientY;//取得当前鼠标的Y坐标
x1 = parseInt(win.style.left);//将父窗体的距浏览器左边界的距离转换为NUMBER
y1 = parseInt(win.style.top);//将父窗体的距浏览器上边界的距离转换为NUMBER
moveable=true;

}
}

在firefox3和ie8中测试通过,加了个右边框。你自己运行看效果吧,随便说一下window.releaseEvents 在firefox3中不能运行了。你自己加个底部的边框就可以了。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>拖动层</title>
</head>

<script language="javascript" >

var Browser_Name=navigator.appName;

var is_IE=(Browser_Name=="Microsoft Internet Explorer");

var x=0,y=0,x1=0,y1=0,xx=0,yy=0,xx1=0,yy1=0;
var moveable=false;
var index=10000;
var resizeable=false;
//开始拖动

function startDrag(obj,evt){
e=evt?evt:window.event;
if(true){
if (!window.captureEvents){
obj.setCapture();
}else{
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
var win=obj.parentNode;//取得父窗体
win.style.zIndex=++index;//设置父窗体的Z轴值
x= e.clientX;//取得当前鼠标的X坐标
y= e.cli