jQuery UI Drop Effect
In this article, we are going to show the drop effect using jQuery UI. All the content will drop to the left of the window when the action button is clicked which actually triggers the drop effect script.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
$( ".selector" ).effect( selectedEffect, options, time(in ms), callback );
- selectedEffect: Effect selected by the developer given in jQuery UI.
- options: Added for certain functionality (optional)
- time: The time to complete the effect in microseconds.
- callback: Added for certain functionality (optional).
Return value: It does not return any value.
Scripts added: Please download the library and include relevant files for code implementation or use the paths for the scripts given below.
<link rel=”stylesheet” href=”//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css”>
Example: In this example, we are going to show the drop effect using jQuery UI. We will trigger the script using a button.