不用插件,用jquery控制图片旋转的方法及在线实例演示推荐 亲测 原创

文章标签: 图片特效
  • :
  • 05-03 15:18
  • :
  • 474次
  • :
  • 0条
  • 6赞

简介不使用第三方的插件,直接用jquery来控制图片旋转指定角度的方法及在线实例演示。

如果我们在日常的web开发中,需要实例图片旋转的功能,如果不是太复杂,我们完全可以自己动手来写的,而不需要使用第三方的插件,当然,如果您需要的功能很复杂,可以关注本站的“jqueryRotate图片旋转插件”专题。

如果我们只需要很简单的功能,比如点击图片或按钮后,让图片旋转指定的角度,是非常简单的,看下面的在线实例演示:

不用插件,直接用jquery控制图片旋转在线演示

来看核心的jquery代码:

$("#aijquery").click(function(){	
    $("#pic").css({"transform":"rotate(90deg)"});
});
$("#aijquery1").click(function(){    
    var d=$(this).attr("d")*1+90;    
    $(this).attr("d",d)	
    $("#pic").css({"transform":"rotate("+d+"deg)"});
});


从上面的代码中,我们可以看出核心就是CSS3的“transform”属性,transform属性是用来控制图片的各种旋转,扭曲,缩放的。



您正在找的文章可能是: