js实现拖动
来源:互联网 发布:微信恶搞软件有哪些 编辑:程序博客网 时间:2024/05/16 09:20
<!doctype html>
<html>
<head>
<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>
</div>
</body>
<html>
<head>
<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>
</div>
</body>
</html>
菜鸟教程上拖动缩放功能的实现方法,详情见:http://www.runoob.com/jqueryui/example-draggable.htmlhttp://www.runoob.com/jqueryui/example-draggable.html
0 0
- 使用JS实现拖动
- JS实现DIV拖动
- js实现div拖动
- JS 实现多个层拖动
- JS 实现多个层拖动
- JS实现表格拖动
- JS拖动效果实现
- js实现文字拖动
- JS实现拖动图片
- js实现拖动
- JS拖动层的实现
- js实现可拖动窗口
- js实现的拖动功能
- js实现窗口拖动代码
- js兼容拖动功能实现
- js实现拉伸拖动iframe
- JS实现拖动(1)
- JS实现拖动(2)
- Arcgis AddIn开发笔记
- Spark 学习: spark 原理简述与 shuffle 过程介绍
- UiAutomator(5)--UiScrollable API
- ueditor 增加自定义按钮
- jstack 的应用举例分析
- js实现拖动
- LeetCode 54. Spiral Matrix
- Element-UI使用指南
- 约瑟夫问题解法
- UICollectionView点击效果
- iOS如何隐藏状态栏
- Android实现不一样的广告轮播
- PUTTY 使用vi命令编辑文件的时候Backspace老出问题解决方案
- Android程序Crash时的异常上报