高分求助 求一个用js或者jquery 实现的可以拖动使div大小变化的源码,就像普通播放器一样可以拖拽变换大小 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 http://hi.baidu.com/zhuxiaosheng/blog/item/532b01fb39f34d18a8d311fb.html这个是一个例子。jQuery和dojo对拖拽的支持都很不错。 div 拖动和缩放,支持 IE / FFhttp://www.onlyaa.com/html/orginal/200812/03-2346.html CSDN的资源中有Demo,你下载一个 不好意思昨天下班了,是这个效果吗?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>ImJiHao</title><style>#myDiv{ position:absolute; top:100px; left:100px; height:200px; width:300px; background-color:#F0F0F0; border:1px solid #0099CC;}#mySpan{ position:absolute; height:10px; width:10px; right:0px; bottom:0px; background-color:#CC9933; cursor:nw-resize;}</style><script>var nowX = 0;var nowY = 0;var change = false;function mouseDown(e){ e=e||event; nowX=e.clientX; nowY=e.clientY; change = true; }function mouseUp(e){ e=e||event; change = false;}function mouseMove(e){ e=e||event; if(!change) return; var x = e.clientX - nowX; var y = e.clientY - nowY; document.getElementById("myDiv").style.width=document.getElementById("myDiv").offsetWidth-2+x+"px"; document.getElementById("myDiv").style.height=document.getElementById("myDiv").offsetHeight-2+y+"px"; nowX=e.clientX; nowY=e.clientY; }</script></head><body onmousemove="mouseMove(event)"><div id="myDiv"><span id="mySpan" onmousedown="mouseDown(event)" onmouseup="mouseUp(event)"></span></div></body></html> 急,javascript原型对象问题? jsp程序 js写的代码,执行的时候发现IE内存出问题,现象很奇怪!!! 帮忙看看,这是JS的什么语法? jquery 中方法访问的问题 在JS中的回车事件是什么啊?或者按回车的时候触发事件怎么实现啊? 如何用JS代码提取字符串长度!在先求救. JavaScript将在哪一年被淘汰? javascript的另类下拉菜单 为什么这个代码运行不出随意点击页面可以弹出窗口? 请问用document.write构造一个新页面,谢谢 在<div>中如何引用JavaScript变量 (给错分帖)
这个是一个例子。
jQuery和dojo对拖拽的支持都很不错。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ImJiHao</title>
<style>
#myDiv{
position:absolute;
top:100px;
left:100px;
height:200px;
width:300px;
background-color:#F0F0F0;
border:1px solid #0099CC;
}
#mySpan{
position:absolute;
height:10px;
width:10px;
right:0px;
bottom:0px;
background-color:#CC9933;
cursor:nw-resize;
}
</style>
<script>
var nowX = 0;
var nowY = 0;
var change = false;
function mouseDown(e)
{
e=e||event;
nowX=e.clientX;
nowY=e.clientY;
change = true;
}
function mouseUp(e)
{
e=e||event;
change = false;
}
function mouseMove(e)
{
e=e||event;
if(!change) return;
var x = e.clientX - nowX;
var y = e.clientY - nowY;
document.getElementById("myDiv").style.width=document.getElementById("myDiv").offsetWidth-2+x+"px";
document.getElementById("myDiv").style.height=document.getElementById("myDiv").offsetHeight-2+y+"px";
nowX=e.clientX;
nowY=e.clientY;
}
</script>
</head>
<body onmousemove="mouseMove(event)"><div id="myDiv">
<span id="mySpan" onmousedown="mouseDown(event)" onmouseup="mouseUp(event)"></span>
</div></body>
</html>