jquery里的draggable()方法可以使HTML中的元素可以讓用戶拖動。下面是draggable()方法的語法:
$(selector, options);
其中,selector是需要被拖動的HTML元素的選擇器,options是一個包含了各種屬性的對象。
常用的options有以下幾個屬性:
axis
該屬性控制元素可以沿哪個軸拖動。取值有"x"、"y"和"xy"(默認)。如下:
$('selector').draggable({ axis: "x" });
containment
該屬性控制元素可以在什么區域內拖動。取值有"parent"、"document"等。如下:
$('selector').draggable({ containment: "parent" });
cursor
該屬性控制當鼠標懸停在可拖動元素上時的光標。如下:
$('selector').draggable({ cursor: "move" });
helper
該屬性控制拖動時顯示的helper元素。如下:
$('selector').draggable({ helper: "clone" });
opacity
該屬性控制在拖動時元素的不透明度。取值為0–1之間。如下:
$('selector').draggable({ opacity: 0.5 });
以上是常用的五個draggable()方法的options屬性。更多參數及用法詳情可以查看官方文檔。
上一篇mysql中備份有哪幾種
下一篇怎樣在css中把盒子居中