jquery通过拖动边框改变该div的大小的实现思路是利用jquery的mousemove，mousedown，mouseup三个事件，定义两个相对位置，分别是：组件左上角与屏幕左上角的相对位置 鼠标所在坐标与组件左上角的相对位置。
创新新互联，凭借十余年的网站设计制作、网站设计经验，本着真心·诚心服务的企业理念服务于成都中小企业设计网站有1000+案例。做网站建设，选创新互联。
这不需要用jquery，用css就可以满足。给你做了个例子。
新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。
那你应该把坐标保存到cookie里或者数据库里，刷新以后直接加载，你不保存起来，刷新后当然回到原位置了。
1、jquery基础事件，包括绑定事件、简写事件、复合事件；一．绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。
2、jQuery通过使用.bind()方法为元素进行事件绑定，通过使用.unbind()方法为元素进行解除绑定。而且.bind()方法是可以执行多次绑定的，如果没有绑定，在进行解除绑定的时候，这都是安全的。
3、jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind，live，delegate，on。
4、unbind()：移除bind进行的绑定。 live()到目前为止，一切似乎很完美。可惜，事实并非如此。
5、.on()方法事件处理程序到当前选定的jQuery对象中的元素。
右下角）三个，默认是空白的，根据原来的DIV定义大小和位置，绝对定位，hover上去鼠标变一下，点击鼠标可拖拽。②拖拽的过程中实时改变原div大小并同时修改相关拖动标签的大小位置。③拖拽可使用jQueryUI的核心库就可以了。
否则ie会报错。拖拉缩放效果，实现通过鼠标拖动来调整层的面积（宽高）大小。例如选框效果。这里的拖拉缩放比一般的选框复杂一点，能设置八个方位（方向）的固定触发点，能设置最小范围，最大范围和比例缩放。
拖拽以及缩放需要有一个范围，姑且管这个叫舞台（stage）。
你可用jQuery-UI去实现，还能有动画效果。网址：http：//jqueryui点抗 /，你可以看看。
1、img src=xxxx.jpg …… 第一步：先要写css，这个结构不知道你能否看懂。
2、通过JQuery为图片注册一个onmouseover或者onclick的事件，在事件发生时，修改图片的src属性。
3、用jQuery实现div随鼠标移动而移动方法：让div随着鼠标走，需要知道几个关键点 如何获取鼠标的横纵坐标。如何让div在别的html代码上移动。
4、ul绑定mousewheel鼠标滚动事件(火狐用DOMMouseScroll)取消默认动作，event.preventDefault()（IE：window.event.returnValue=false），这样滚轮滚动后就不会滚动页面了。
