jquery翻转图片,jq图片旋转

jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)

本文实例讲述了jQuery图片旋转插件jQueryRotate.js用法。分享给大家供大家参考,具体如下:

成武网站建设公司创新互联公司,成武网站设计制作,有大型网站制作公司丰富经验。已为成武上1000+提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的成武做网站的公司定做!

推荐一个图片旋转插件,用于浏览相册时,旋转图片。

运行效果截图如下:

点击此处查看在线演示效果。

具体代码如下:

script

type="text/javascript"

$(document).ready(function

()

{

$("#images").rotate(45);

var

value

=

$("#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

上面只是js代码,完整实例代码点击此处本站下载。

更多关于jQuery插件相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jquery图片旋转问题

$("#cao").rotate(i);这里rotate方法是什么?jquery没有这个方法吧。

img src="a.png" /

$(function () {

var degrees = 0;

var $elie = $("img");

function rotate() {

++degrees;

if (degrees 360) {

degrees = 0;

}

$elie.css({

'-webkit-transform': 'rotate(' + degrees + 'deg)',

'-moz-transform': 'rotate(' + degrees + 'deg)',

'-ms-transform': 'rotate(' + degrees + 'deg)',

'-o-transform': 'rotate(' + degrees + 'deg)',

'transform': 'rotate(' + degrees + 'deg)'

});

setTimeout(rotate, 50);

}

rotate($elie, 45);

});

jquery 让图片旋转30度怎么写啊

用jquery 给图片添加css样式,用css样式来控制旋转:

CSS3 transform 属性

transform具体的用法去百度吧 ,手册里解释很全面


分享名称:jquery翻转图片,jq图片旋转
当前链接:http://myzitong.com/article/phssog.html