无聊写个TweenLite玩玩

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Fun</title>
	<script type="text/javascript" src=‘http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js‘></script>
	<script type="text/javascript" src=‘http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/easing/EasePack.min.js‘></script>
	<script type="text/javascript" src=‘http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js‘></script>

	<style type="text/css">
	body{background-color: #D6D6D6;}
	.rect{width: 200px; height: 200px; background-color: wheat; position: absolute; left: 50%; top:50%; margin-left: -100px; margin-top: -100px;}
	</style>

	<script type="text/javascript">
	window.onload = function(){
		var targets = document.getElementsByClassName(‘rect‘);
		var len     = targets.length;
		var ox 		= 0;
		var oy 		= 0;
		var ww 		= window.innerWidth;
		var wh 		= window.innerHeight;
		var scale   = 1;
		var rotation= 0;
		var rotationX= 0;
		var rotationY= 0;
		var color   = ‘wheat‘;
		var radius  = ‘0‘;
		window.setInterval(function(){
			for(var i=0; i<len; i++){
				ox 		= 100 + Math.random()*(ww-300);
				oy 		= 100 + Math.random()*(wh-300);
				scale 	= 0.3+Math.random();
				rotation= Math.floor(Math.random()*360);
				rotationX= 180*Math.floor(Math.random()*10);
				rotationY= 180*Math.floor(Math.random()*10);
				color   = "rgba("+Math.random()*255+","+Math.random()*255+","+Math.random()*255+","+Math.random()+")";
				radius  = Math.random()*50 + ‘%‘;
				tt 		= TweenLite.to(targets[i],1,{‘left‘:ox, ‘top‘:oy, ‘scale‘:scale, ‘rotation‘:rotation, ‘rotationX‘:rotationX, ‘rotationY‘:rotationY, ‘backgroundColor‘:color, ‘borderRadius‘:radius});
			}
		},3000);
	};
	</script>
</head>
<body>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
	<div class=‘rect‘></div>
</body>
</html>

  

时间: 2024-11-08 05:33:40

无聊写个TweenLite玩玩的相关文章

学习java窗口基本操作时无聊写的

学习java窗口基本操作时无聊写的 就当记录 代码如下: package day08; import java.awt.BorderLayout;import java.awt.Color;import java.awt.FlowLayout;import java.awt.Font;import java.awt.GridLayout; import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.JLabel;

无聊写了个2048

import java.awt.Color; import java.awt.Font; import java.awt.event.KeyEvent; import java.awt.event.KeyListener; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import java.util.Random; import javax.swing.JFrame; import javax.swi

下班无聊写个矩阵小算法,c#

今天是我正式成为程序员的第十天,也正式开始我的职业生涯,刚来公司要学的东西好多,既要掌握公司的框架(话说公司的框架真是太牛逼了,我真的是服了),还要学习EXT,Linq等等,对未来我是充满的希望,我希望我能成一个牛逼的系统架构师,希望通过写博客来记录我走过的每一步路,记录我的成长. 毕竟工作的时间太短了,也没什么可写的,就写两个矩阵相乘的算法吧,来开启我的博客之旅. 下面是实现的代码(是在控制台里实现的 1 public class Program 2 { 3 4 static void Mai

Delphi - 闲来无事,自己写个Timer玩玩(多线程Timer)

明天去坐火车,回家,今天就没有事做,本来在弄一个跨进程获取其他程序里面组件,如ListView,ListBox,Button等的信息,突然有个想法自己写个Timer,不用SetTimer函数,我们自己用个多线程也正好实现这个.反正前段时间多线程也弄得比较多,本来想单独讲讲的,现在就用个例子来说明吧.写成一个控件:utTimer.pas 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

自己写个list玩玩

/*如果采用单向链表,end()函数如何表示? *所以必须得采用循环链表的方式? * */ #ifndef LIST #define LIST #include<iostream> using namespace std; //声明 template <class T> struct Node{ T data; struct Node<T>* next; Node(struct Node<T>* p):data(p->data),next(p->

出差周末加班无聊写点什么

来到河南的项目现场已有一个半月了,简单的说说这段时间的所见所感. 河南,在中国被黑的最惨的地方,没有之一.一直因为素质不高而被诟病,网上黑河南的段子随处可见,近年来少了不少,我觉得是国人素质普遍的提高了,黑河南的那批人老了,没精力了,这是个好现象. 从扬州出发,用流量看视频,出省后,忘了区分全国和省内流量导致手机欠费(10086被我屏蔽了,所以没有看到流量使用通知).还好找了临床的一位河南妹子帮忙充话费,然后微信还给了她(然而妹子并不漂亮,微信的存在没有什么用).这是我对河南的第一次接触----

无聊写了一个最简单的MVC4+Highcharts连数据库例子

乱搞了个数据库 后面发现没定INT类型 直接将ID当数据显示了 效果图: 前端 1 @{ 2 Layout = null; 3 } 4 5 <!DOCTYPE html> 6 7 <html> 8 <head> 9 <meta name="viewport" content="width=device-width" /> 10 11 <script src="~/Scripts/jquery-1.7.1

无聊写个android的GCDのdispatch_async

Block public interface Block { /**  *   * 需要执行的任务  *   * @return Object 执行的结果  */ void IBuild(); } GCD /**  * GCD of Android  *   * @author fred don  *  */ public class GCD { public static String dispatch_get_main_queue() { return "main"; } /**

无聊的链表

无聊写了下无头结点的链表,发现没有头结点想做一些插入/删除操作果然很困难... #include <stdio.h> #include <stdlib.h> typedef struct NotHeadLinkList { int data; struct NotHeadLinkList * next; }NotHeadLinkList; NotHeadLinkList * h, * t, * s = NULL; // 头指针.尾指针 int main() { int i , n