拖放导航

Question

我正在为我的网站创建拖放导航。我的想法是采取标题（即关于我们，家庭，联系等）并将其拖放到一个空间，然后引导您到另一个页面（有点像http://www.carbonstudio.co.uk/）我喜欢这个jquery但我不知道如何开始这样的事情。

Answer 1

要使用拖放功能，您可以使用jQuery UI draggable

比使用拖放所需的唯一代码是：

$( "#draggable" ).draggable();

使用jQuery UI Droppable see this link

比例如：

$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
  drop: function( event, ui ) {
    $( this )
      .addClass( "ui-state-highlight" )
      .find( "p" )
        .html( "Dropped!" );
  }
});