www.22138com「太阳集团游戏」太阳2007娱乐官方网址

欢迎更多朋友与我们www.22138com合作,太阳集团游戏是由安全软件管理软件整合而成的最新安全卫士,其实这是因为目前已经推出了太阳2007娱乐官方网址的新网址,带您体验至尊级享受!。

我决定要写一个圆周运动的动画效果

2020-04-30 23:26 来源:未知

在那贴出一些学学收获,希望能对学习JQuery的其余同学有所支持,同期也记录下自身的上学景况。 看了有的JQuery的官方教程,已经有一点点兴趣盎然了,就调控本身尝试着写一些事物出来。作者看出了累累很绚的卡通片效果,然后决定自身也尝试一下,小编主宰要写二个圆圆的运动的动漫效果,下边贴出js代码 复制代码 代码如下: var CircleAnimation = function (center_left, center_top, id, clockwise, duration) { return new CircleAnimation.fn.init(center_left, center_top, id, clockwise, duration); }; CircleAnimation.fn = CircleAnimation.prototype = { item: {}, init: function (center_left, center_top, id, clockwise, duration) { this.item = $; if return; currentPoint = { x: this.item.css == "auto" ? 0 : String).replace - center_left, y: this.item.css == "auto" ? 0 : String.replace - center_top }; center_left = center_left; center_top = center_top; if (currentPoint.x == 0 && currentPoint.y == 0) return; r = Math.pow(Math.pow Math.pow, 0.5); var flag = false; var caculateMiniAngle = function { //caculate the minimum angle diff, if the distance between 2 points less than 1px, we think this 2 ponits angle should be the minimum angle diff if * 2 * r > 1) { return caculateMiniAngle; } else { return angle; } } miniAngle = caculateMiniAngle; //store data to dom element this.item.data("currentPoint", currentPoint); this.item.data("center_left", center_left); this.item.data("center_top", center_top); this.item.data; this.item.data("clockwise", clockwise); this.item.data("miniAngle", miniAngle); this.item.data; //this.item.data("startX", this.startX); }, start: function () { var element; if element = $("#" this.id.toString; else element = this.item; element.animate({ left: 1, top: 1 }, { duration: element.data, step: CircleAnimation.fn.caculateNextPoint }); }, caculateNextPoint: function () { var el; el = $( "#" this.id.toString; var sin = el.data.y / el.data; var angle = Math.asin; if (el.data.x < 0) angle = Math.PI - angle; //caculate the angle diff between current point angle and next point angle var anglediff = el.data; if != undefined) anglediff = 2 * Math.PI * 13 / el.data; if angle = angle - anglediff; else angle = angle anglediff; var y = el.data * Math.sin; var x = el.data * Math.cos; var fx = arguments[1]; //set duration big enough then circle animation never stop fx.options.duration = - fx.startTime 10000; if fx.now = y el.data; if fx.now = x el.data; el.data( "currentPoint", { x: x, y: y }); }, stop: function () { this.item.queue; this.item.stop(); } }; CircleAnimation.fn.init.prototype = CircleAnimation.fn;

版权声明:本文由太阳集团发布于太阳2007娱乐官方网址,转载请注明出处:我决定要写一个圆周运动的动画效果