通过js修改图片的css样式，实现简单的图片旋转
浏览数：23 /
时间：2015年06月09日
html代码：
<img style="max-width: 700px; transform: rotate(360deg);" src="/image/test1.img" class="image1">
<input type="hidden" value="0" name="tran_num1">
<a href="javascript:;" class="rotate" image_id="1">旋转</a>
js代码：
$(‘.rotate‘).click(function () {
var id = $(this).attr(‘image_id‘);
var num = $(‘input[name=tran_num‘ + id + ‘]‘).val();
var num = Number(num) + 1;
var i = 90 * num;
$("#image"+id).css("transform", "rotate(" + i + "deg)");
if (num == 4) {
var num = 0;
}
$(‘input[name=tran_num‘ + id + ‘]‘).val(num);
})
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
