网页之不断弹射的文字-特效

zw2004

<style type="text/css">
6 D" x( s$ a& N3 Y% d#supertext {
5 n% k8 [6 C& N+ {/ k" cposition:absolute;
( q2 @2 k  Z! N: vleft:0;- s$ F+ x3 M* W5 {0 @9 q+ i* |
top:0;
4 U3 z8 v3 x  z4 S# @3 m/ r1 Tvisibility:hide;8 w7 O" L  P5 ?8 F
visibility:hidden;
0 u- u5 P3 O3 M) H+ _}
/ {# S' F; i) Y  h6 r/ L: b+ S' [" t</style>( _' O# i$ W1 c. _5 ]/ ?# ~1 Z
<script language="JavaScript1.2">
* l+ z& X+ h" S! {4 N<!-- 改变下的字体的大小。颜色-->
" b4 k+ a& ^; rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ j3 Y: _% Y4 O" p$ m  K
var hidetimer='';
3 h$ y# {: W& h) W1 t<!-- 改变下的弹跳速度-->) v: d! R8 b- I$ T; `* Y
var BallSpeed = 20;- i( o: D7 {. T8 S5 k
var contentWidth;
! X- L9 j# L6 f# X( v( \+ v: hvar contentHeight;8 y9 @7 \- o' ?2 r; e
var maxBallSpeed = 50;
, J# |  ^# M/ J, J. D9 H0 s0 }+ h6 c6 m' n- Y- k
! s# z' C! s2 ~) L9 m
var xMax;
) W. w+ c6 v1 Y6 vvar yMax;) G; X& q" O" C
var xPos = 0;- n2 T# w) B+ S# P4 S5 G# n: v
var yPos = 0;& h3 O2 h) X8 g+ |/ ^/ Y
var xDir = 'right';
* r0 Q. t  x' e1 G# Zvar yDir = 'down';! w0 ~/ C2 s  Q8 b6 f
var superballRunning = true;
; e8 [0 }- h- M( avar tempBallSpeed;
! C* m$ y# _0 ?9 E- S+ M8 wvar currentBallSrc;; ^6 z  l7 x/ Y) F3 Y
var newXDir;1 @. e* x# x. ~7 J  c) S( r
var newYDir;
# n; K' c/ P& r/ a! Q3 s+ G
3 K: A3 b) D) Q$ V" e7 v7 [3 V' Tfunction initializeBall() {3 A+ E' N$ L# ]! H6 K
   if (document.all) {
% x$ S% j% v7 {0 g; s7 }4 a      xMax = document.body.clientWidth; X/ k; S, m" y- U3 i  h2 J
      yMax = document.body.clientHeight& X# C% W& {0 B4 ]# a* N
      document.all("supertext").style.visibility = "visible";
" k8 e+ h+ }& s# ~3 v      contentWidth=supertext.offsetWidth
* j0 v* f! r0 r  I" K  H      contentHeight=supertext.offsetHeight
+ z" R/ X3 H) ^" t8 ~      }
6 v1 W$ O$ o% p/ |5 h8 J$ ?   else if (document.layers) {% m. N7 `: |0 O9 e9 {& `1 r/ {
      xMax = window.innerWidth;+ U! P# m$ P8 S0 ~, V' a
      yMax = window.innerHeight;3 c: k' R9 D! P# \! i
      contentWidth=document.supertext.document.width4 ?- K! y( r. t- h0 p
      contentHeight=document.supertext.document.height, c* i' S3 v# r% c& l- o) H
      document.layers["supertext"].visibility = "show";
( T& q, @2 h* b2 g$ ~4 [" T$ N$ t      }( j% A, u. b1 r6 x, t
   setTimeout('moveBall()',400);
) ]% h/ N2 A, C5 Z/ y& B, I   if (hidetimer!='')
2 G: J$ G3 n* Y: A   setTimeout("hidetext()",hidetimer)0 L7 @: O; S. B; a/ E8 ~
   }5 }8 _" r# ?4 n+ M  P
% o4 U' P4 O3 l0 q0 X; j! `
function moveBall() {
5 }  r% U! x, ^2 d5 n   if (superballRunning == true) {# G; z4 X; [7 [, \- |
      calculatePosition();
" ]: E+ ~+ V  D) |- [/ W      if (document.all) {
$ e2 {& v, L+ ^' }         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( a4 ]+ ^  ?# n0 R* T4 I; Y' o         document.all("supertext").style.top = yPos + document.body.scrollTop;
; U# s: L4 V# K3 O& e         }+ E; [/ o; U. S3 t6 U( r
      else if (document.layers) {% i/ `! d- x; |" D- }( A
         document.layers["supertext"].left = xPos + pageXOffset;% U+ ~+ [7 M2 _
         document.layers["supertext"].top = yPos + pageYOffset;
5 U) Q" g  @7 X# a: ?         }
0 v8 E, n  F- y5 |% v% u# P      animatetext=setTimeout('moveBall()',20);$ G. D- {$ M0 H) g7 K
      }9 H4 p6 d, |# T8 R/ Y2 L2 C
   }; j8 \4 [& w3 {% n$ h4 [0 i
; I' m6 z9 S+ ?0 E7 a. N% l
function calculatePosition() {# B$ t4 ^0 X! ?, E
   if (xDir == "right") {
& W& L9 X# P- z# M: M: U0 l      if (xPos > (xMax - contentWidth - BallSpeed)) {) C6 |9 n* C1 o) w! `3 N% q# x" v
         xDir = "left";
( X1 @) N9 E% Z3 p  w4 ?* {) b7 \         }
) O. h7 ?  l: o, i; Q& |      }
. {5 K, S; }6 R5 ~" G9 v) G& A% P   else if (xDir == "left") {2 _" i; j9 ^* w6 c' a  ~* y0 X
      if (xPos < (0 + BallSpeed)) {; ^& a* z! m' A, G  S
         xDir = "right";! ^6 t  e! }$ L0 C5 [& J( Z3 @
         }
3 Y, P' k4 Z% {      }7 Y) |* w* c! N) Y
   if (yDir == "down") {' J0 f2 A) K/ E1 }, ^# {2 V
      if (yPos > (yMax - contentHeight - BallSpeed)) {; L' N6 S- X' K' Y" r. W
         yDir = "up";
1 m7 I" W4 j7 E2 m. i# y" `' d         }& ~6 a( q% E$ a
      }
& l$ H$ w. {- ~" E) p/ h   else if (yDir == "up") {" K, m- v) O, i% j, S+ j1 G
      if (yPos < (0 + BallSpeed)) {7 `% O3 A. g# I3 \2 b  |% u5 |
         yDir = "down";* {+ H; R) s; F+ c  i; F# j  u
         }
5 `4 Y8 S8 r6 r, ~4 }      }* \, x" t* J4 Q* r8 a+ V
   if (xDir == "right") {2 P" K0 i. n8 B+ A) q
      xPos = xPos + BallSpeed;
! {+ {, s1 d5 }. g      }
' d9 H0 p) ?6 ]   else if (xDir == "left") {0 E* e/ |& y! q0 M$ ?  _
      xPos = xPos - BallSpeed;
6 m  Z' c+ u" u      }
5 r. K. j, f( i9 m- x0 K5 s   else {
: v' O! n; i4 L0 Q" {. _% u' `6 \      xPos = xPos;  B% _! f( Z6 N0 A. a( T, ^
      }
7 Y" X/ [: E. B4 x/ r7 ^$ ]' ?   if (yDir == "down") {( Q7 V3 f+ J/ p1 ~2 d
      yPos = yPos + BallSpeed;8 m6 @0 ~4 n) ~6 l. z9 w
      }
" C# Y1 x. P0 Z* T) U& q   else if (yDir == "up") {6 Z, ]1 m! C2 q8 l- X$ D3 b- o
      yPos = yPos - BallSpeed;
* {! y2 J' W' y+ u      }
3 Q. F4 n" Q' e   else {
* J% {9 |2 M" r0 M      yPos = yPos;  m& k& i2 _0 C7 _. z
      }0 I5 S9 |8 y- F1 l" x+ b
   }0 N2 k4 G  U5 m3 Y9 D

0 G1 j* ]8 g& n. `function hidetext(){
( ]# Q. M5 g+ x& z0 Q8 aif (document.all): G! B  x) s; a, f# [
supertext.style.visibility="hidden"
4 s( H0 k+ t7 u; K$ Telse if (document.layers)+ \! g: z; x; x- ~; ?
document.supertext.visibility="hide"5 _% l  W5 A4 `- }: X9 d" G/ A
clearTimeout(animatetext)6 Q( t/ Y1 O0 k* n
}
/ ^6 P0 o1 |, M4 M. q& S2 Y& T; M
) D* R# p$ w* S- t' Q9 K. F0 Mif (document.all||document.layers){; X/ l# J. @# C: U, s/ D; O! }. J; D
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  K4 i: L) Y. m6 _+ F  Z( I1 L4 `) Hwindow.onload = initializeBall;/ D1 J! A; p+ V2 W  Y
window.onresize = new Function("window.location.reload()");
& Q; q4 Q- y. |}% u: o5 x& i3 Y4 t
- d( k' r) k" R+ p/ I) H
</script>