摘要: $(this).css({"left":Math.sin((ahd*index+ainhd))*radius+dotLeft,"top":Math.cos((ahd*index+ainhd))*radius+dotTop});效果图:分析图:上图中:黑色:是外层容器;黄色:是需要按椭圆运动的图片橙色:每个图片元素距离容器顶部的距离紫色:长半径或短半径;蓝色:图片距离容器顶部最大的距离绿色:坐标轴;白色:椭圆运动轨迹;一、原理分析: 1.1按椭圆运运 前面两个随笔分析了“圆形排列”和“按圆形运动”,知道了“排列”和“运动”这两个以后,再来看这个实例应该就有 阅读全文
posted @ 2012-06-22 18:01 o0Luffy0o 阅读(6790) 评论(2) 推荐(2) 编辑
摘要: javascript-按圆形排列DIV元素(一)---- 运动http://www.cnblogs.com/lufy/archive/2012/06/21/2558049.html一、原理分析 1.1怎么才能让DIV元素动起来? 动起来的实质,就是改变DIV的位置,也就是改变其left和top值; 2.2怎么上DIV元素动起来的时候,是在规定的圆周上面? 通过上一次的分析,让DIV按圆形排队,我们知道了,如要让DIV定位在圆周上面,主要是根据角度(弧度)来实现的。 看下图:上图中,我们B元素和C元素的定位是如何实现的?根据上一次讲的公式,如下:(index:元素的索引值,radius... 阅读全文
posted @ 2012-06-22 14:38 o0Luffy0o 阅读(4100) 评论(5) 推荐(0) 编辑