我在尝试着旋转一个元素(任何元素 div,p..)handle(handle=>div) 我放置在元素的top-left角落,现在我的问题是该元素没有完全旋转到 360 度,任何人都可以帮忙:
$("#elementid").live('mouseover', function () {
$(this).draggable({ handle: "#handleid", drag: function (event, ui) {
var rotateCSS = 'rotate(' + ui.position.left + 'deg)';
alert(ui.position.left);
$(this).parent().parent().css({
'-moz-transform': rotateCSS,
'-webkit-transform': rotateCSS
});
}
});
});
这些是 stackoverflow 中同一类别的问题
如何旋转div
尝试使用 jQuery 控制 css3 变换命令来旋转 div 元素 https://stackoverflow.com/questions/382591/rotating-a-div-element-in-jquery
在 jQuery 中旋转 Div 元素 https://stackoverflow.com/questions/3020904/how-to-rotate-a-div-using-jquery
如何使用 jQuery 旋转 div https://stackoverflow.com/questions/5560683/trying-to-rotate-a-div-element-with-jquery-controlling-css3-transform-command
看看第二个链接,它很棒
实时旋转和其他 css 演示 brilliant http://css3please.com/ http://css3please.com/
准确地看一下这个
.box_rotate {
-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */
-moz-transform: rotate(7.5deg); /* FF3.5+ */
-ms-transform: rotate(7.5deg); /* IE9 */
-o-transform: rotate(7.5deg); /* Opera 10.5 */
transform: rotate(7.5deg);
filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');
zoom: 1;
}
UPDATE:
请注意页面中间的这个漂亮的补充请注意 http://css3please.com/ http://css3please.com/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)