如何用鼠标拉出一个div 或span 本帖最后由 torontosky 于 2014-05-29 09:32:15 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 用的什么日历控件? 一般应该是有Demo的 有起点和终点 推算不出一个 div? 你是要做一个类似shedule的东西吧,你去找个日程表控件就可以了 不知道这样满足不满足LZ要求用到了jquery 和 jqueryUI<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> .d { border: 1px solid blue;}var sx, sy, ex, ey;//横坐标和纵坐标,前面是起始点,后面是结束点 var M = false;//判断鼠标是否按下 var D = false;//判断DIV是否创建 window.onmousedown = function(e){ if (D == false) { M = true; sx = e.pageX; sy = e.pageY; } }; window.onmousemove = function(e){ if (M == true) { $("div[m='1']").remove(); ex = e.pageX; ey = e.pageY; createDiv(); } }; window.onmouseup = function(e){ M = false; D = true; }; //点击div外取消 window.onclick = function(e){ if (e.pageX < sx || e.pageX > ex || e.pageY < sy || e.pageY > ey){ $("div[m='1']").remove(); D = false; } }; function createDiv(){ var $div = $("<div></div>"); $div.width(ex - sx); $div.height(ey - sy); $div.addClass("d");//添加类 $div.attr("m", "1");//标记 $(document.body).append($div); $div.offset({top:sy,left:sx}); $div.resizable();//拉伸 $div.draggable();//可拖动 }; 多谢orzxxx01,您的代码非常好用,真是帮了我的大忙。谢谢!也谢谢楼上热心回复的朋友。这次分数全给orzxxx01。 javascript的节点问题 jsp 中怎样弹出对话框提示 字符串拼接,如何传入对象 如何判断在页面关闭的时候有数据改动 在列表a中选取的值要加到空列表b中 这个功能怎么实现请各位高手帮忙 Jquery $.fn是什么意思,能给我讲讲吗? 在JS脚本里让某个位置显示出字来应该怎么写? 如何比较两个字符串类型的时间大小? jquery animate css3 问题 请问ueditor批量上传图片,图片模糊了,怎么上传原图不处理啊 求大神帮我把这段代码改入Struts的action
用到了jquery 和 jqueryUI<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css"> .d {
border: 1px solid blue;
}var sx, sy, ex, ey;//横坐标和纵坐标,前面是起始点,后面是结束点
var M = false;//判断鼠标是否按下
var D = false;//判断DIV是否创建
window.onmousedown = function(e){
if (D == false) {
M = true;
sx = e.pageX;
sy = e.pageY;
} };
window.onmousemove = function(e){
if (M == true) {
$("div[m='1']").remove();
ex = e.pageX;
ey = e.pageY;
createDiv();
}
};
window.onmouseup = function(e){
M = false;
D = true;
};
//点击div外取消
window.onclick = function(e){
if (e.pageX < sx || e.pageX > ex || e.pageY < sy || e.pageY > ey){
$("div[m='1']").remove();
D = false;
}
};
function createDiv(){
var $div = $("<div></div>");
$div.width(ex - sx);
$div.height(ey - sy);
$div.addClass("d");//添加类
$div.attr("m", "1");//标记
$(document.body).append($div);
$div.offset({top:sy,left:sx});
$div.resizable();//拉伸
$div.draggable();//可拖动
};