浏览器跳动代码

最新推荐文章于 2024-05-08 00:39:27 发布

转载最新推荐文章于 2024-05-08 00:39:27 发布 · 2.1k 阅读

标签

#浏览器 #javascript

本文介绍了一个使用纯JavaScript实现的页面动画效果，通过控制浏览器窗口的位置变化来达到视觉上的动画效果。该动画包括上下左右四个方向的移动，重复多次形成连续动画。

<SCRIPT LANGUAGE="JavaScript"> 
for (t = 2; t > 0; t--) { 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(0,-x); 
  } 
} 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(0,x); 
  } 
} 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(x,0); 
  } 
} 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(-x,0); 
    } 
  }  
} 
for (t = 2; t > 0; t--) { 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(0,-x); 
  } 
} 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(0,x); 
  } 
} 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(x,0); 
  } 
} 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(-x,0); 
    } 
  }  
} 
for (t = 2; t > 0; t--) { 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(0,-x); 
  } 
} 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(0,x); 
  } 
} 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(x,0); 
  } 
} 
for (x = 20; x > 0; x--) { 
for (y = 10; y > 0; y--) { 
parent.moveBy(-x,0); 
    } 
  }  
} 
//-->  
//  End -->  
</script>