juqery UI 学习笔记一 - 拖拽(draggable)

最新推荐文章于 2024-07-24 14:34:33 发布

weixin_30824277

最新推荐文章于 2024-07-24 14:34:33 发布

阅读量55

点赞数

文章标签： ui

原文链接：http://www.cnblogs.com/mailan/p/4777784.html

版权

引言：打算利用空余的时间，学习一些专业知识，提高自身能力，因此在这里记录一些自己的学习日志。

正文： draggable(拖拽)

一简单拖动

经测，在IE7以上,chrome上都能正常浏览。

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset=utf-8>
    <title>学习笔记一draggable</title>
    <script src="js/jquery.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="css/jquery-ui.min.css">
    <style>
    #drag{
        color: #666;
        width: 150px;
        height:150px;
        padding:0.5en;
    }
    </style>
    <script>
    $(function(){
    $("#drag").draggable();
    })
    </script>
</head>

<body>
<div id="drag"  class="ui-widget-content">
<p>请拖动我</p>
</div>
</body>
</html>

View Code

转载于:https://www.cnblogs.com/mailan/p/4777784.html

weixin_30824277

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
juqery UI 学习笔记一 - 拖拽(draggable)

引言：打算利用空余的时间，学习一些专业知识，提高自身能力，因此在这里记录一些自己的学习日志。正文： draggable(拖拽)一简单拖动经测，在IE7以上,chrome上都能正常浏览。<!DOCTYPE html><html lang="en"><head><meta http-equiv="X-UA-Compat...
复制链接

扫一扫