<html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="UI/API/1.7/Draggable" />
<title>UI/API/1.7/Draggable - jQuery JavaScript Library</title>
<link rel="stylesheet" href="style/reset.css" tppabs="http://www.winswd.com/aboutme/jquery/ui/style/reset.css" type="text/css" />
<link rel="stylesheet" href="style/screen.css" tppabs="http://www.winswd.com/aboutme/jquery/ui/style/screen.css" type="text/css" />
<style type="text/css" media="screen,projection">/*<![CDATA[*/ @import "style/main.css?9"; /*]]>*/</style>
<link rel="stylesheet" type="text/css" href="style/jquery.tabs.css" tppabs="http://www.winswd.com/aboutme/jquery/ui/style/jquery.tabs.css" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="style/jquery.tabs-ie.css" type="text/css" media="projection, screen"/>
<![endif]-->
<script type="text/javascript" src="js/jquery.min.js" tppabs="http://www.winswd.com/aboutme/jquery/ui/js/jquery.min.js"></script>
<script src="js/jquery.tabs.js" tppabs="http://www.winswd.com/aboutme/jquery/ui/js/jquery.tabs.js"></script>
<script>$(function(){
$("div[id=examples]").each(function(){
$(this).siblings("div:first").find("div.desc").after(
$(this).find("div.example:has(#demo):first").remove().clone());
if ( !$("div.example", this).length )
$(this).remove();
});
$("div.entry")
.children("p").remove().end()
.find("ul:first li").each(function(){
if ( !$(this).parent().siblings( $("a",this).attr("href") ).length )
$(this).remove();
}).end()
.not(".ui")
.tabs();
$("div.args > br").remove();
$("div.example")
.children("p").remove().end()
.tabs();
var keywords = "String,Number,Object,Options,Array,Function,Callback,Selector,Event,Element,Integer,Float,Boolean".split(",");
$("td.default span, td.type").each(function(){
var html = this.innerHTML;
jQuery.each(keywords, function(i,key){
html = html.replace(new RegExp(key, "ig"), "<a href='http://www.winswd.com/Types#" + key + "'>" + key + "</a>");
});
this.innerHTML = html;
});
$("div[id=source]").each(function(){
var source = $("pre", this).html()
.replace(/<\/?a.*?>/ig, "")
.replace(/<\/?strong.*?>/ig, "")
.replace(/</g, "<").replace(/>/g, ">").replace(/&/g, "&");
//var items = [];
//source = source.replace(/\s*<(link|script).*?>\s\*/g, function(m){
//items.push(m);
//return "";
//}).replace("</head>", items.join("") + "</head>")
//*/
var iframe = document.createElement("iframe");
iframe.src = "../../../index-blank.html"/*tpa=http://www.winswd.com/index-blank.html*/;
iframe.width = "100%";
iframe.height = $(this).prev().attr("rel") || "125";
iframe.style.border = "none";
$(this).prev().append(iframe);
$(window).load(function(){
var doc = iframe.contentDocument || iframe.contentWindow.document;
source = source
// IE needs to wait for the script to load (?)
.replace("$(document).ready(function(){", "window.onload = (function(){try{")
.replace(/}\);\s*<\/sc/, "}catch(e){}});</sc")
//.replace("http://code.jquery.com/jquery-latest.js", "http://code.jquery.com/jquery-1.3rc2.js")
.replace("</head>", "<style>html,body{border:0; margin:0; padding:0;}</style></head>");
doc.open();
doc.write( source );
doc.close();
});
});
});</script>
<script type="text/javascript" src="js/custom.js" tppabs="http://www.winswd.com/aboutme/jquery/ui/js/custom.js"></script>
<!--[if lt IE 5.5000]><style type="text/css">@import "style/IE50Fixes.css";</style><![endif]-->
<!--[if IE 5.5000]><style type="text/css">@import "style/IE55Fixes.css";</style><![endif]-->
<!--[if IE 6]><style type="text/css">@import "style/IE60Fixes.css";</style><![endif]-->
<!--[if IE 7]><style type="text/css">@import "style/IE70Fixes.css?1";</style><![endif]-->
<!--[if lt IE 7]><script type="text/javascript" src="style/IEFixes.js"></script>
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
<!-- Head Scripts -->
</head>
<body id="jq-interior" class="mediawiki ns-0 ltr">
<div id="jq-siteContain">
<div id="jq-content" class="jq-clearfix">
<div id="jq-interiorNavigation">
<div class='jq-portlet' id='jq-p-Getting-Started'>
<h5></h5>
<div class='jq-pBody'>
<ul>
<li id="jq-ui-doc-n-Draggable"><a href="Draggable.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Draggable.html">Draggable</a></li>
<li id="jq-ui-doc-n-Droppable"><a href="Droppable.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Droppable.html">Droppable</a></li>
<li id="jq-ui-doc-n-Resizable"><a href="Resizable.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Resizable.html">Resizable</a></li>
<li id="jq-ui-doc-n-Selectable"><a href="Selectable.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Selectable.html">Selectable</a></li>
<li id="jq-ui-doc-n-Sortable"><a href="Sortable.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Sortable.html">Sortable</a></li>
</ul>
</div>
</div>
<div class='jq-portlet' id='jq-p-API-Reference'>
<h5>部件</h5>
<div class='jq-pBody'>
<ul>
<li id="jq-ui-doc-n-Accordion"><a href="Accordion.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Accordion.html">Accordion</a></li>
<li id="jq-ui-doc-n-Datepicker"><a href="Datepicker.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Datepicker.html">Datepicker</a></li>
<li id="jq-ui-doc-n-Dialog"><a href="Dialog.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Dialog.html">Dialog</a></li>
<li id="jq-ui-doc-n-Progressbar"><a href="Progressbar.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Progressbar.html">Progressbar</a></li>
<li id="jq-ui-doc-n-Slider"><a href="Slider.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Slider.html">Slider</a></li>
<li id="jq-ui-doc-n-Tabs"><a href="Tabs.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Tabs.html">Tabs</a></li>
</ul>
</div>
</div>
<div class='jq-portlet' id='jq-p-Plugins'>
<h5>动画</h5>
<div class='jq-pBody'>
<ul>
<li id="jq-ui-doc-n-AddClass"><a href="AddClass.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/AddClass.html">AddClass</a></li>
<li id="jq-ui-doc-n-RemoveClass"><a href="RemoveClass.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/RemoveClass.html">RemoveClass</a></li>
<li id="jq-ui-doc-n-Animate"><a href="Animate.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Animate.html">Animate</a></li>
<li id="jq-ui-doc-n-Effect"><a href="Effect.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Effect.html">Effect</a></li>
<li id="jq-ui-doc-n-Hide"><a href="Hide.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Hide.html">Hide</a></li>
<li id="jq-ui-doc-n-Show"><a href="Show.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Show.html">Show</a></li>
<li id="jq-ui-doc-n-SwitchClass"><a href="SwitchClass.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/SwitchClass.html">SwitchClass</a></li>
<li id="jq-ui-doc-n-Toggle"><a href="Toggle.html" tppabs="http://www.winswd.com/aboutme/jquery/ui/Toggle.html">Toggle</a></li>
<li id="jq-ui-doc-n-ToggleClass"><a href="ToggleClass.html" tppabs="ht
Jquery ui.rar （26个子文件） 
ui 
Selectable.html 28KB Droppable.html 28KB Datepicker.html 71KB Draggable.html 48KB ToggleClass.html 13KB Accordion.html 33KB Progressbar.html 17KB AddClass.html 12KB Animate.html 14KB Effect.html 14KB Hide.html 14KB Dialog.html 46KB Resizable.html 37KB Toggle.html 14KB Sortable.html 56KB js 
custom.js 10KB jquery.tabs.js 31KB jquery.min.js 56KB RemoveClass.html 13KB style reset.css 1015B screen.css 26KB jquery.tabs.css 3KB Slider.html 27KB Tabs.html 53KB Show.html 14KB SwitchClass.html 13KB资源评论
zbclq2012-07-04很详细，非常不错~
