JQuery 实现简单拖拽原理

现在的位置: 首页 > 综合 > 正文

JQuery 实现简单拖拽原理

2017年12月20日 ⁄ 综合 ⁄ 共 1285字 ⁄ 字号小中大 ⁄ 评论关闭

JQuery 实现简单拖拽原理

话不多说直接上代码

<!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=gb2312" /> <title>无标题文档</title> <mce:script src="jquery-1.4.2.min.js" mce_src="jquery-1.4.2.min.js" type="text/javascript"></mce:script> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">.drag { position:absolute; left:327px; top:42px; width:290px; height:175px; z-index:10; background: #ff0000; cursor:move; } body { margin-top: 0px; }</style> <mce:script type="text/javascript"></mce:script> </head> <body> <div class="drag"></div> <div style="height:700px; width:100% ; background:#999999"></div> </body> </html>

代码很简单要是你还不会我也没有办法了

【上篇】How to Install Nginx, PHP, PHP Extensions, MySQL, and Zend Optimizer on FreeBSD 7
【下篇】ajax+prototype的无刷新表单提交

作者: dictation

该日志由 dictation 于6年前发表在综合分类下，最后更新于 2017年12月20日.
转载请注明: JQuery 实现简单拖拽原理 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

JQuery 实现简单拖拽原理

作者: dictation

书签

最新文章New

本站推荐

返回首页