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

运行效果截图如下：

具体代码如下：/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

img { margin-top:100px; margin-left:400px; width:300px; border:3px solid #F2F2F2; height:300px; box-shadow:4px 4px 4px #DDDDDD;}

input { margin-top:10px; margin-left:480px; }

window.onload = function () {

document.getElementById('range').onchange = function () {

var value = this.value;

$("img").css({ "transform": "skewX(" + value + "deg)", "-webkit-transform": "skewX(" + value + "deg)", "-moz-transform": "skewX(" + value + "deg)" });

}

}

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

更多jQuery实现可以控制图片旋转角度效果相关文章请关注PHP中文网！

本文原创发布php中文网，转载请注明出处，感谢您的尊重！