使用jQuery UI方法
2016-07-08 10:23
302 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta charset="utf-8">
<title>jQuery UI 拖动（Draggable） - 默认功能</title>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="jqueryui/style.css">
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable();
});
</script>
</head>
<body>
<div id="draggable" class="ui-widget-content">
<p>请拖动我！</p>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta charset="utf-8">
<title>jQuery UI 拖动（Draggable） - 默认功能</title>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="jqueryui/style.css">
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable();
});
</script>
</head>
<body>
<div id="draggable" class="ui-widget-content">
<p>请拖动我！</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery.serialize() 函数语法及简单实例
- 抛弃jQuery，拥抱原生JavaScript
- jQuery EasyUI+ashx实现数据库的CIUD操作
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- Jquery遮罩层实现代码
- jquery.serialize() 函数语法及简单实例
- Jquery基本使用
- jQuery Ajax同步参数导致浏览器假死怎么办
- jquery实现上一页下一页
- Jquery事件委托之Safari
- jquery中attr和prop的区别
- 使用Jquery的Ajax异步提交有二进制数据的表单实现方案
- jquery插件封装：消息对话框
- jQuery日期插件
- jquery分页优化
- php数组赋值于js数组，jquery遍历方法
- 举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
- 超链接 鼠标滑过超链接3D翻转效果，括号动画效果 jQuery插件
- IntelliJ IDEA SSM(Spring + Spring MVC + Mybatis)框架+shiro引入jquery easy-ui的正确方式
- jquery.serialize