使用jQuery和CSS单击按钮后旋转div文本

• Z时代
• 2024-01-10
• 分类：问答

我想使用jQuery和CSS单击按钮后旋转div文本

如果用户单击Rotate Left按钮，则文本在左侧旋转；

或者

用户单击Rotate Right按钮，则文本在右侧旋转

<div id="RotateDiv">Happy Birthday</div>
<button id="btnRotateLeft" type="button">Rotate Left</button>
<button id="btnRotateRight" type="button">Rotate Right</button>

回答：

尝试这个：

var rotation = 0;
jQuery.fn.rotate = function(degrees) {
    $(this).css({'-webkit-transform' : 'rotate('+ degrees +'deg)',
                 '-moz-transform' : 'rotate('+ degrees +'deg)',
                 '-ms-transform' : 'rotate('+ degrees +'deg)',
                 'transform' : 'rotate('+ degrees +'deg)'});
};
$('#btnRotateRight').click(function() {
    rotation += 5;
    $('.rotate').rotate(rotation);
});
$('#btnRotateLeft').click(function() {
    rotation -= 5;
    $('.rotate').rotate(rotation);
});

以上是 使用jQuery和CSS单击按钮后旋转div文本 的全部内容， 来源链接： utcz.com/qa/405340.html