登录 注册

一个简(鬼)单(畜)的转转转效果

效果如下



其实原理非常简单,首先是一个setimg函数,可以把相应degree下的四个图定位


var setimg=function (){
	img.each(function (i){
		var size=Math.cos(degree+pi*i/2)*110+339;
		$(this).css({
			left:440+Math.sin(degree+pi*i/2)*300-size/2+"px",
			top:250+Math.cos(degree+pi*i/2)*80-size/2+"px",
			width:size+"px"
		}).css("z-index",Math.round(Math.cos(degree+pi*i/2)*100+100));
	});
}
然后么,就是setInterval,让degree不断变化然后setimg就行啦。。。


2016
06 11
上一篇
Older
下一篇
Newer
评论
0
点击
1829
发布
我是标题
我是文字
我是标题
我是文字
用户名
密码
用户名
密码
重复密码
努力的加载中.....