1 <HTMLxmlns= "http://www.w3.org/1999/xhtml">2 <Head>3 <title>Drag sort Plug-in</title>4 <Linkhref= "Style.css"rel= "stylesheet"type= "Text/css" />5 <Scriptsrc= "Http://www.imooc.com/data/jquery-1.8.2.min.js"type= "Text/javascript"></Script>6 <Scriptsrc= "Http://www.imooc.com/data/jquery-ui-1.9.2.min.js"type= "Text/javascript"></Script>7 </Head>8 9 <Body>Ten <DivID= "Divtest"> One <Divclass= "title"> A <spanclass= "FL">My favorite Sport</span> - </Div> - <Divclass= "Content"> the <ul> - <Li>1) Football</Li> - <Li>2) Walk</Li> - <Li>3) Basketball</Li> + <Li>4) Table Tennis</Li> - <Li>5) Riding a bicycle</Li> + </ul> A </Div> at </Div> - - <Scripttype= "Text/javascript"> - $(function () { - $("ul"). Sortable ({ - Delay:2,//to prevent Click event collisions, delay 2 seconds in opacity:0.35//and transparency 0.35 drag freely - }); to }); + </Script> - </Body> the </HTML>
Drag Sort Plugin--sortable