这篇文章主要介绍了jquery实现仿JqueryUi可拖动的DIV,实例分析了jquery模拟jqueryUI实现div拖动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jquery实现仿JqueryUi可拖动的DIV。分享给大家供大家参考。具体如下:
这是用Jquery写的代码,仿JQUERYUI的Draggable或者是Dialog,希望大家喜欢,写的一个小东西。参考了下网上的其他人写的类似代码,但是不完全模仿
#typewords { } #write { } #container { border:2px solid red; width:800px; height:500px; } #draggable { position:absolute; z-index:5; width:200px; height:200px; top:20px; left:50px; border: 3px solid blue; }
测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据
运行效果如下:
希望本文所述对大家的jquery程序设计有所帮助。
以上就是jquery实现仿JqueryUi可拖动的DIV实例的详细内容,更多请关注本站其它相关文章!