This article mainly introduced the jquery jelly Jitter effect Realization method, involves the Animate method use skill, has certain reference value, the need friend may refer to the next -->
This paper illustrates the implementation of jquery jelly jitter effect. Share to everyone for your reference.
The implementation methods are as follows:
The code is as follows:
<script type= "Text/javascript" src= "Jquery-1.8.2.min.js" ></script>
<script type= "Text/javascript" >
$ (function () {
$ ("div"). MouseOver (function () {
$ (this). Animate ({"width": "The"), "height": "100"},100);
$ (this). Animate ({"width": "310", "height": "90"},100);
}). mouseout (function () {
$ (this). Animate ({"width": "+", "height": "80"},100);
});
});
</script>
<style type= "Text/css" >
div{width:300px;height:80px;border-radius:8px;background:green;margin-top:10px;}
</style>
<body style= "Background-color: #e8e8e8;" >
<div></div>
<div></div>
<div></div>
<div></div>
</body>
I hope this article will help you with your jquery programming.
