This example describes the flop effect implemented by the jquery Flip plug-in. Share to everyone for your reference, specific as follows:
Recently done a tarot card similar to the effect of sharing to everyone.
The Operation effect chart is as follows:
The specific code is as follows:
<!doctype html>
Parameter description:
Direction: Flip Direction, total 4 values (TB, BT, LR, RL), default TB
Content: Set what appears in the container after flipping, can be text, can be HTML, or even a jquery object
Color: Sets the background color of the container after flipping
Speed: Set flip speed, the smaller the value the faster
Onbefore: Set what needs to be done before flipping
Onanimation: Set what you want to do when you flip to half
OnEnd: Set what needs to be done after the rollover completes
Ps:
jQueryUI needs to load core and effects core
Website address:
http://lab.smashup.it/flip/
Full instance code click here to download the site.
More interested readers of jquery-related content can view the site topics: "jquery window Operation tips Summary", "jquery drag and drop effects and tips summary", "jquery common Plug-ins and Usage summary", "jquery Ajax Usage Summary", "jquery Table" ( Table) Summary of operations tips, jquery Extended techniques Summary, jquery Common Classic effects summary, jquery animation and special effects usage summary and jquery selector Usage Summary
I hope this article will help you with the jquery program design.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
