js实现旋转的图片

发布时间：2020-12-15 03:21:56 所属栏目：Java 来源：网络整理

导读：今天PHP站长网 52php.cn把收集自互联网的代码分享给大家，仅供参考。 /** * Created by YD on 5/7/15. * Base on Jquery */var ele ;//自定义函数$.fn.extend({ rotate: function () { ele = this ; setInterval('singleR

以下代码由PHP站长网 52php.cn收集自互联网

现在PHP站长网小编把它分享给大家，仅供参考

/**
 * Created by YD on 5/7/15.
 * Base on Jquery
 */
var ele ;

//自定义函数
$.fn.extend({
    rotate: function () {
        ele = this ;
        setInterval('singleRotate()',20);
    }
});

//初始角度
var degree = 0;

//单次旋转
function singleRotate() {
    //一次增加50度
    degree = degree + 50 * Math.PI / 180;
    ele.css("transform","rotate("+degree+"deg)");
}

1	<script src="http://libs.codeboy.me/js/rotate/1.0/rotate.js"></script>

1	?$(element).rotate();

以上内容由PHP站长网【52php.cn】收集整理供大家参考研究

如果以上内容对您有帮助，欢迎收藏、点赞、推荐、分享。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!