Transfer effect usign JQuery UI

Transfer effect using Jquery UI

Syntax of Transfer effect using Jquery UI.


$( "#element" ).effect( "transfer",{direction:value,distance:value},speed,function(){

})

Here we have given "transfer " as effect. Let us start with default transfer effect, d1 is id of our div layer.

$("#d1").effect( "transfer",{ to: $("#d2")} );

Usually it is connected to Click event of a button, here button id is b1

$('#b1').click(function(){
$("#d1").effect( "transfer",{ to: $("#d2")} );
})

For visual effect we have to change CSS like this .

.ui-effects-transfer {
    border: 5px dotted red;
  }

This article is written by plus2net.com team.

plus2net.com

Most Popular JQuery Scripts
1	Two dependant list boxes
2	Calendar with Date Selection
3	Data change by Slider
4	Show & Hide element

Transfer effect using Jquery UI