版权声明:文人萧扬_ https://blog.csdn.net/ILoveZhc/article/details/83178177
旋转效果为每点一下图片正转90度
看本篇之前请先参阅[笔记]jsp 图片和pdf展示
js代码:
<script>
$(function ($) {
var baseDiv = "form_modal", $baseDiv = $("#" + baseDiv);
$baseDiv.on("click", "img", function () {
var $img = $(this), rotate = $img.data("rotate");
rotate = checkNecessaryStr(rotate) ? rotate : 0;
rotate = rotate === 270 ? 0 : (rotate + 90);
$img.css("transform", "rotate(" + rotate + "deg)").data("rotate", rotate);
});
});
</script>
function checkNecessaryStr(str) {//保证boolean返回值
return !!(str && str !== "null" && $.trim(str) !== "");
}