Home > Developer > JavaScript
Jquery Animation
For more information, see:
Thoughts:
You can split the background image of the div by setting the image to control the attributes of the div. This example shows the interesting filter effect. If you are interested, you can try other filters.
The remaining animation parts in this example are mainly implemented using animate and delay provided by jquery.
Animation: the Key to this function is to specify the animation format and result style attribute object. Each attribute in this object represents a changeable style attribute.
Delay: Set a delay to delay the project after execution in the queue.
Instance effect:
<! DOCTYPE html> <pead> <title> jquery animation </title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8 "> <style type =" text/css "> * {margin: 0px; padding: 0px;} # test {width: 300px; height: 300px; position: relative; margin: 20px auto 0px; }</style> </pead> <body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
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
