如何让DIV可编辑、可拖动示例代码
2013-09-18 16:10
183 查看
1、可编辑:
<div id="move" contentEditable="true">可编辑</div>
设置contentEditable属性可以让div编程可编辑状态
2、可拖动:
$('#move').draggable();
使用jQuery UI的draggable可以让div变成可拖动状态,但是如果两个属性同时应用就会出现可编辑功能失效的状况。
3、可编辑、可拖动:
http://www.unitymanual.com/forum-job-1.html
<div id="move" contentEditable="true">可编辑</div>
设置contentEditable属性可以让div编程可编辑状态
2、可拖动:
$('#move').draggable();
使用jQuery UI的draggable可以让div变成可拖动状态,但是如果两个属性同时应用就会出现可编辑功能失效的状况。
3、可编辑、可拖动:
http://www.unitymanual.com/forum-job-1.html
<div id="move" contentEditable="true">可编辑</div> var divTitle=$('#move'); [code] <span style="font-size:18px">divTitle.draggable().click(function () { $(this).draggable({ disabled: false }); $(this).css('backgroundColor', 'transparent'); }).dblclick(function () { $(this).draggable({ disabled: true }); $(this).css('backgroundColor', '#FFFF6F'); });</span>
相关文章推荐
- 如何让DIV可编辑、可拖动示例代码
- 如何让DIV可编辑、可拖动示例代码
- 如何让DIV可编辑、可拖动
- jquery div拖动效果示例代码
- jquery div拖动效果示例代码
- 如何让DIV可编辑、可拖动
- 如何让DIV可编辑、可拖动
- jquery div拖动效果示例代码
- jquery div拖动效果示例代码
- Java如何实现长图文生成的示例代码
- 如何让div获取焦点或可编辑
- java中,父类是抽象类不能通过工厂输出时,如何通过其他类实现输出的示例代码(工厂方法种类(1))
- div+css背景渐变色代码示例
- Javascript实现的类似Google的Div拖动效果代码
- CSS+DIV网页布局(黄冈网校首页布局)示例代码
- 可以拖动的div 实现代码第1/2页