本文实例讲述了jQuery实现可以控制图片旋转角度效果。分享给大家供大家参考，具体如下：

运行效果截图如下：

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

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title/title script src=' http 3360 jquery-1。7 .1 .量滴js ' type=' text/JavaScript '/script style='左边距左侧：400像素宽度宽度：300pxborder:3px实心# F2F2F2高度：300 px盒影：4 px 4px 4px # DDDDDDDD}输入{ margin-top :10 px；左边距左：480 px }/样式脚本类型=' text/JavaScript '窗口。onload=function(){ document。getelementbyid(' range ').onchange=function(){ var值=this。价值；$('img ').CSS({ ' transform ' : ' SHOx(' value ' deg)'，'-web kit-transform ' : ' SHOx(' value ' deg)'，'-moz-transform ' : ' SHOx(' value ' deg)' })；} }/script/head body img src=' http :3。jpg ' alt=' '/br/br/输入类型=' range ' id=' range ' value=' 0 '/body/html完整实例代码点击此处本站下载。

更多关于jQuery特效相关内容感兴趣的读者可查看本站专题： 《jQuery常见经典特效汇总》 及《jQuery动画与特效用法总结》 。

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