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

zw2004

<style type="text/css">( S  M1 F) O) W% b8 A( r
#supertext {) V) x0 W2 o: i6 E
position:absolute;! z9 Z$ R7 f# o
left:0;. ^# Z- \8 q( Y! x8 @  R0 X
top:0;* ]3 l% ?. @8 N: I& k
visibility:hide;
# L3 E% l- e+ s; z! n. U) @visibility:hidden;
, y0 ~4 O; y; u, n" h}
5 T, r) k/ m$ j+ g+ W</style>
: e1 O4 Q1 `; D6 g4 G<script language="JavaScript1.2">0 Q6 k8 z. D. q: t; x$ |
<!-- 改变下的字体的大小。颜色-->" m* S4 Z, y' F6 D8 @/ {& ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 W$ [. q5 h2 y, I$ x
var hidetimer='';
8 R- g9 f6 }! j$ @- ]# E, x<!-- 改变下的弹跳速度-->2 v" u) c# u+ N
var BallSpeed = 20;
- S# T0 [" R9 h% Rvar contentWidth;
! N- o4 W) u+ {; h2 ]: [  Q, k4 P! x' pvar contentHeight;" T# D! C' m8 F, B
var maxBallSpeed = 50;
0 J# Z9 \) ^- c# ?! I* H% |& S2 C5 }/ K3 k; j7 c! \0 `& P* T3 i+ ~% O
8 w6 c8 i3 e# Y2 C+ k3 w
var xMax;" g2 y4 ~: L) @$ G5 \7 g
var yMax;
$ O  [) l- y; d7 ^$ z, b2 fvar xPos = 0;
" j( \/ N0 n9 N6 f5 ?8 Jvar yPos = 0;
- c9 u# X# W5 f" k* y6 I" ivar xDir = 'right';4 B. ?) v. w" n- n: x
var yDir = 'down';: X' K; [% `4 [/ @+ |/ E1 l
var superballRunning = true;% s# X. b' e, u* h1 Y0 E- h5 i& ~
var tempBallSpeed;
6 b& A" |/ B- r$ W$ q& k- Cvar currentBallSrc;
2 u0 t+ D/ \4 p' P* O5 m: Mvar newXDir;6 g6 `3 d6 n7 D3 O$ k+ x! T
var newYDir;
8 l8 }% e/ D" d- Y( Q1 m! j' G7 L/ ?3 G$ C; z' }9 z" X; p1 W
function initializeBall() {* f0 W/ L1 U2 s) z
   if (document.all) {7 g& B" I  h! Q9 _; P' `
      xMax = document.body.clientWidth4 h* s3 r6 h+ q9 k4 ^
      yMax = document.body.clientHeight1 }3 T6 B& w6 g  y0 L
      document.all("supertext").style.visibility = "visible";0 W7 S& G$ ^6 K% w, @
      contentWidth=supertext.offsetWidth
; h, I% @9 {: V: [4 R      contentHeight=supertext.offsetHeight/ o5 Z( C# @, Y
      }  `! a$ @" H" A. X3 M# v
   else if (document.layers) {
1 r& N+ O5 t, F8 d5 D; o3 N% u      xMax = window.innerWidth;
$ m8 D8 m! n: ]- z  |, r& `      yMax = window.innerHeight;) h2 C  ?; q$ T5 k8 Y5 m
      contentWidth=document.supertext.document.width- P+ [( W, p' F6 H. b( V
      contentHeight=document.supertext.document.height. _4 t1 e3 z5 W
      document.layers["supertext"].visibility = "show";
% r+ ~6 d4 x0 z) `" ?      }" ^9 c/ o8 C% u- l* m- [! ^
   setTimeout('moveBall()',400);
  o  Z, f9 }& E! V   if (hidetimer!='')  ~- e) {  [7 y
   setTimeout("hidetext()",hidetimer)
! v8 {! f( i* U# _: I# C   }
, A; K$ W9 v+ Q" g: o) d
0 c" l! r  K" j+ Ffunction moveBall() {* y8 Z9 g5 R# M4 X/ G
   if (superballRunning == true) {9 [' `) X% h  s" P# J, Z9 Z; I
      calculatePosition();6 o8 y( D/ m+ a' @5 I* B& d
      if (document.all) {
7 G! b+ |  |- f. A+ {5 z- a         document.all("supertext").style.left = xPos + document.body.scrollLeft;6 L; b$ b4 n  W/ b5 f) i$ Z
         document.all("supertext").style.top = yPos + document.body.scrollTop;- e4 ~* D' P7 z8 U% L* s
         }
9 T) m, E4 x) r3 z. C& z      else if (document.layers) {+ `" p; L& v. C
         document.layers["supertext"].left = xPos + pageXOffset;
1 l5 w. M1 G" K+ A1 Y         document.layers["supertext"].top = yPos + pageYOffset;6 w/ Y6 I0 z8 x2 q1 X
         }# x2 Z4 S) D) B9 C
      animatetext=setTimeout('moveBall()',20);# w" W6 {1 V% E& x9 G
      }/ R, b/ c4 u# k
   }" c9 A# d$ `: q0 Z# {
9 D& m# R1 e4 j# @0 E4 c0 d( ?- w
function calculatePosition() {
  C2 n, |* Y9 N3 S6 V   if (xDir == "right") {" f! X$ u/ M. R# l
      if (xPos > (xMax - contentWidth - BallSpeed)) {% [3 ]/ }6 |- n5 Z. e
         xDir = "left";( u: O' s: H( v: v- N: o
         }
9 V) X6 X; M) v# `, U9 J, @! v      }
# e* s2 O5 Z) w) H8 b   else if (xDir == "left") {$ r/ B9 M/ N- ]* D# D+ j& H/ N" m
      if (xPos < (0 + BallSpeed)) {/ ~0 V6 a; c6 E) g" j9 l- m
         xDir = "right";
$ L# Y  w4 g3 v6 D; W         }8 l. L1 t% e+ m/ Z- d9 k: {6 L
      }
: n4 Q9 v0 h4 V/ N, k   if (yDir == "down") {# o2 A4 {9 p. K% Z$ D$ B6 G0 w* G3 h
      if (yPos > (yMax - contentHeight - BallSpeed)) {
" y, Z. e. V  N         yDir = "up";
5 _8 x/ m: t" J$ [         }
  r3 y9 u# A( t& Y      }
+ G# V; s7 S7 _' y/ }   else if (yDir == "up") {& ?/ r+ N% m: p8 v4 }7 ~2 M
      if (yPos < (0 + BallSpeed)) {' h  \6 n8 H2 R
         yDir = "down";( e) f, y, |7 V# R8 ~: z  d
         }2 q; X' y) |$ p, f7 o0 Y5 p
      }
6 h4 S: e4 ]8 l. x   if (xDir == "right") {
. t3 h% s# L5 @& w" d      xPos = xPos + BallSpeed;
+ u$ L8 s% y' H' Y! I      }
, p2 `) D: Q9 F4 j2 G   else if (xDir == "left") {+ r" I& h! T5 v( ~0 t* t% j
      xPos = xPos - BallSpeed;
% L1 e* E3 S. L0 T% X      }7 @6 I  U- F% h* F+ E
   else {: G: Y4 I; V- Z) T/ V
      xPos = xPos;
: ?. P9 L' D" O      }* l( b. l) z6 [" _! K% g
   if (yDir == "down") {
7 m2 @' k  p/ I      yPos = yPos + BallSpeed;0 R( G; a- X+ j1 x% q4 R
      }
1 g% H% k1 p' S' W2 Y   else if (yDir == "up") {4 z- n: R+ \8 X0 ?+ H) @
      yPos = yPos - BallSpeed;
: S0 V! ]" s( v3 U& ~- ?$ H& }+ h      }; |% B( E3 F; R6 U
   else {
) {5 G  ?$ Q* G) M7 {      yPos = yPos;
7 u% O0 H4 V8 ^* {9 h' R      }
" b0 V" V3 s9 r   }
2 F" k. |8 K. ]* I) a+ H. J& u: l" g+ J8 M- E  f& B. p' r, B: g# T
function hidetext(){% k' c; c. p7 t- M
if (document.all)
0 F+ _5 L4 O* _2 e2 b3 n6 k2 Lsupertext.style.visibility="hidden"" d9 i) b! D7 g! j
else if (document.layers)9 p. s- w2 X2 X/ Q" }+ b
document.supertext.visibility="hide"
* L  j8 [) K2 t3 Y# E" [- r% y$ iclearTimeout(animatetext)$ ^+ \( K8 S2 e9 I& p$ Z
}4 I) p8 `1 S9 u3 a5 Z$ j+ k; k

1 A% j& S8 t6 _; R$ Zif (document.all||document.layers){; G6 {# A/ A  u# W' P! a" {  _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" @4 v/ z) ?2 W5 A4 ^window.onload = initializeBall;
5 m) g1 t+ c0 d4 hwindow.onresize = new Function("window.location.reload()");
+ t" M3 @8 A3 [& H: W}# d( z' @% R- T' t2 {1 M" \* m9 ?4 f$ O6 T

4 B9 R* H& Z; Q; y3 N' C</script>