<script>
$ (function () {
The/* Show () method and the Hide () method simultaneously modify the element's multiple style properties, that is, height, width, and opacity:
the Fadcout () method and the Fadeln () method only modify the opacity of the element:
the Slidedown () method and the Slideup () method only change the height of the element.
standard format for animate methods
Animate (params, speed,callback);
*/
eg.
$ (". Panel"). Click (function () {
//Note: 1 seconds to move to the left 300px, to use this method is the premise that the manipulated element must have the position attribute, otherwise no effect
$ (this). Animate ({left: "300px"}, +)
});
});
</script>
<body>
<div class= "panel" style= "width:100px; height:100px;margin:100px; background: #647787; position:relative;" ></div>
</body>
Summary of use of animate methods
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
