jQuery UI Clip Effect
In this article, we are going to show the clip effect using jQuery UI. All the content will disappear from top and bottom at the same time when the action button is clicked which actually triggers the clip effect script.
$( ".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: 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 for including pre-compiled files for code implementation or use the paths for the given scripts 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 clip effect using jQuery UI. We will trigger the script using a button.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.