Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--3 vong chay quanh chuot-->
- <script type="text/javascript">
- if ((document.getElementById) &&
- window.addEventListener || window.attachEvent){
- (function(){
- //Configure here...
- var xCol = "green";
- var yCol = "red";
- var zCol = "#0000ff";
- var n = 6; //number of dots per trail.
- var t = 40; //setTimeout speed.
- var s = 0.2; //effect speed.
- //End.
- var r,h,w;
- var d = document;
- var my = 10;
- var mx = 10;
- var stp = 0;
- var evn = 360/3;
- var vx = new Array();
- var vy = new Array();
- var vz = new Array();
- var dy = new Array();
- var dx = new Array();
- var pix = "px";
- var strictmod = ((document.compatMode) &&
- document.compatMode.indexOf("CSS") != -1);
- var domWw = (typeof window.innerWidth == "number");
- var domSy = (typeof window.pageYOffset == "number");
- var idx = d.getElementsByTagName('div').length;
- for (i = 0; i < n; i++){
- var dims = (i+1)/2;
- d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
- +'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
- +'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
- +'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
- +'left:0px;width:'+dims+'px;height:'+dims+'px;'
- +'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
- +'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
- +'left:0px;width:'+dims+'px;height:'+dims+'px;'
- +'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
- }
- if (domWw) r = window;
- else{
- if (d.documentElement &&
- typeof d.documentElement.clientWidth == "number" &&
- d.documentElement.clientWidth != 0)
- r = d.documentElement;
- else{
- if (d.body &&
- typeof d.body.clientWidth == "number")
- r = d.body;
- }
- }
- function winsize(){
- var oh,sy,ow,sx,rh,rw;
- if (domWw){
- if (d.documentElement && d.defaultView &&
- typeof d.defaultView.scrollMaxY == "number"){
- oh = d.documentElement.offsetHeight;
- sy = d.defaultView.scrollMaxY;
- ow = d.documentElement.offsetWidth;
- sx = d.defaultView.scrollMaxX;
- rh = oh-sy;
- rw = ow-sx;
- }
- else{
- rh = r.innerHeight;
- rw = r.innerWidth;
- }
- h = rh;
- w = rw;
- }
- else{
- h = r.clientHeight;
- w = r.clientWidth;
- }
- }
- function scrl(yx){
- var y,x;
- if (domSy){
- y = r.pageYOffset;
- x = r.pageXOffset;
- }
- else{
- y = r.scrollTop;
- x = r.scrollLeft;
- }
- return (yx == 0)?y:x;
- }
- function mouse(e){
- var msy = (domSy)?window.pageYOffset:0;
- if (!e) e = window.event;
- if (typeof e.pageY == 'number'){
- my = e.pageY - msy + 16;
- mx = e.pageX + 6;
- }
- else{
- my = e.clientY - msy + 16;
- mx = e.clientX + 6;
- }
- if (my > h-65) my = h-65;
- if (mx > w-50) mx = w-50;
- }
- function assgn(){
- for (j = 0; j < 3; j++){
- dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) + scrl(0) + pix;
- dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) * Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
- }
- stp+=s;
- for (i = 0; i < n; i++){
- if (i < n-1){
- vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;
- vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
- vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
- }
- else{
- vx[i].top = dy[0]; vx[i].left = dx[0];
- vy[i].top = dy[1]; vy[i].left = dx[1];
- vz[i].top = dy[2]; vz[i].left = dx[2];
- }
- }
- setTimeout(assgn,t);
- }
- function init(){
- for (i = 0; i < n; i++){
- vx[i] = document.getElementById("x"+(idx+i)).style;
- vy[i] = document.getElementById("y"+(idx+i)).style;
- vz[i] = document.getElementById("z"+(idx+i)).style;
- }
- winsize();
- assgn();
- }
- if (window.addEventListener){
- window.addEventListener("resize",winsize,false);
- window.addEventListener("load",init,false);
- document.addEventListener("mousemove",mouse,false);
- }
- else if (window.attachEvent){
- window.attachEvent("onload",init);
- document.attachEvent("onmousemove",mouse);
- window.attachEvent("onresize",winsize);
- }
- })();
- }//End.
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement