This example describes the jquery image rotation plug-in jqueryrotate.js usage. Share to everyone for your reference, specific as follows:
Recommend a picture rotation plug-in, for browsing albums, rotate the picture.
The screenshot of the running effect is as follows:
Click here to view the online demo effect.
The specific code is as follows:
<script type= "Text/javascript" >
$ (document). Ready (function () {
$ ("#images"). Rotate (a);
var value = 0
$ ("#images1"). Rotate ({
bind:
{
mouseover:function () {
value +=90;
$ (this). Rotate ({animateto:value})}}
);
$ (' #button '). Click (function () {
$ ("#images1"). Rotate ({animateto:parseint ($ (' #angel '). Val ())}
); function rotation () {
$ ("#images2"). Rotate ({
angle:0,
animateto:360,
callback:rotation,
easing:function (x,t,b,c,d) {return
c* (t/d) +b;}}
);
Rotation ();
});
</script>
Above just JS code, complete example code click here to download the site.
More about jquery plug-ins interested readers can view the site topics: "jquery common Plug-ins and Usage summary"
I hope this article will help you with the jquery program design.