首页 > 编程语言 > 详细

Cool JavaScript Tricks

时间:2014-03-29 04:17:25      阅读:444      评论:0      收藏:0      [点我收藏+]

参考:http://www.blogohblog.com/cool-javascript-tricks/

网页图片rotate效果:

<script type="text/javascript">
	document.body.contentEditable=‘true‘; 
	document.designMode=‘on‘; 
	
	var radius = 0;
	var imgs = document.getElementsByTagName("img");
	var img_count = imgs.length;
	setInterval(function() {
		for(var i = 0; i < img_count; i++) {
			imgs[i].style.position = "absolute";
			imgs[i].style.left = (Math.sin(radius*0.05) + 1)*300 + "px";
			imgs[i].style.top = (Math.cos(radius*0.05) + 1)*300 + "px";
		}
		radius++;
	}, 5);
</script>



Cool JavaScript Tricks,布布扣,bubuko.com

Cool JavaScript Tricks

原文:http://blog.csdn.net/wusuopubupt/article/details/22427751

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!