jQuery UI的筆記-draggable

$( ".block" ).draggable({
  //helper: "clone", //拖動時克隆,默認是original
  axis:"x", //定義拖動方向,x與y還有auto。
  containment: "#contain" , //定義一個容器,div就只能在容器的範圍內活動了
  cursor: "move" , //定義拖動時鼠標指針的狀態,參數類型詳見css中cursor配置
  cursorAt:{top:10}, //定義拖動的時候鼠標指針的位置,此位置是相對被拖動對象的邊框,單位px
  opacity: 0.40, //設置對像被拖動時的透明度
  handle: "div" , //設置拖動控制器,也就是說當鼠標按住控制器的時候,才能拖動對象
  distance: 20, //設置當鼠標拖動多少像素時對象才會移動
  //delay: 1000, //設置延遲時間單位毫秒
  grid:[50,50], //設置每次拖動的步進單位px
??(scroll: false , //設置當拖動超出整個瀏覽器窗口,是否滾動瀏覽器)
  dragPrevention:[ 'input' , 'textarea' , 'button' , 'select' , 'option' ],//設置被拖動的div碰到那些dom元素時停止
  start: function (e,ui){}, //開始拖動執行的函數
  drag: function (e,ui){}, //拖動時執行的函數
  stop: function (e,ui){} //拖動停止執行的函數
})



來源:http://zhg-grj.spaces.live.com/blog/cns!ADA1FB08E190EBF4!221.entry

留言

這個網誌中的熱門文章

html嵌入youtube影片當背景,並靜音

css小發現:隱藏捲軸、強迫物件換行

常用的小軟體-截圖篇-fastStone capture