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

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

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

如果我们在日常的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属性是用来控制图片的各种旋转,扭曲,缩放的。



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-20 11:12:37