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;
  }
Visitors Rating
Your Rating




Post your comments , suggestion , error , requirements etc here .







Most Popular JQuery Scripts

1

Two dependant list boxes

2

Calendar with Date Selection

3

Data change by Slider

4

Show & Hide element
We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2019 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer