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

zw2004

<style type="text/css">9 V5 n2 i6 K  @- C* m
#supertext {
2 [, d* s% z: h" Iposition:absolute;
" \  m$ ~, H: a7 c5 n/ }0 dleft:0;2 F1 s; h- W9 X) g6 d6 {* ]
top:0;8 v* D/ Z/ F6 b3 q
visibility:hide;
0 E  N- @* y8 b8 x6 v  @visibility:hidden;. i4 T4 j3 l; W0 B0 D# G
}1 Q& o1 o; ?$ ^, p) r
</style>" a5 p3 X4 A2 W* N6 r; Y
<script language="JavaScript1.2">; y' Y, L9 b/ G, \3 Y* n% }
<!-- 改变下的字体的大小。颜色-->  m8 ]' k# L1 W9 a- m
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; l, V( h) T* B
var hidetimer='';: y% T; z4 w  I! J3 {, d9 O
<!-- 改变下的弹跳速度-->% K; i' F  x0 L2 K- |$ p
var BallSpeed = 20;4 s5 m. Q9 P- C' m1 h
var contentWidth;6 d0 r% m" _5 d0 \
var contentHeight;. R- l+ ~* ?: @  [
var maxBallSpeed = 50;8 F" d  v+ S; j" z! T& p1 i

8 e6 h6 p  Q6 c0 u* L/ P/ }* w( \: }: o7 X$ w2 L6 t  A- b
var xMax;
9 ?# [4 a# A" d/ h4 zvar yMax;- {! K( S$ L+ a
var xPos = 0;0 |+ @; J1 e0 K
var yPos = 0;
/ y/ T0 v! |0 E0 N, o! P1 dvar xDir = 'right';
7 V: r4 N; R8 R8 lvar yDir = 'down';2 ]* O8 F3 n4 R# P, T) |
var superballRunning = true;2 p" i& p5 a& q$ W# A5 w5 |5 H
var tempBallSpeed;) I! t! u, U( W
var currentBallSrc;
$ ^5 i7 P; q7 Cvar newXDir;0 E7 P+ L: q" ~
var newYDir;+ H6 M) _% W4 s9 P2 m, Z$ h

/ A# B4 H8 C# O2 sfunction initializeBall() {6 F8 b3 F# ]* u3 X. p( I4 F& H
   if (document.all) {
8 w8 B3 k0 ]/ B" m2 E      xMax = document.body.clientWidth
3 U- F: O+ @2 u5 P      yMax = document.body.clientHeight) Q6 M, w/ @& g# N( e* k" Y
      document.all("supertext").style.visibility = "visible";2 }) X4 @: l! d1 r" [0 |) S& i1 M
      contentWidth=supertext.offsetWidth
! H6 r( H9 e9 M6 M' b8 S- S% M      contentHeight=supertext.offsetHeight. `4 V0 `( ~# a) b- N. g4 e# e+ @5 L
      }
, l$ b$ [+ C% n6 U6 V, \   else if (document.layers) {
1 E! S. f* g3 {2 h+ ], i      xMax = window.innerWidth;; X, ]7 k  F% A- @" E
      yMax = window.innerHeight;
0 k1 x* Z0 r1 m      contentWidth=document.supertext.document.width' Y: l( X+ X- D  D
      contentHeight=document.supertext.document.height4 y2 h# {1 q7 W7 C, x7 A2 o: R
      document.layers["supertext"].visibility = "show";
6 [; \) x) R; y1 `; i( `. f      }/ i% E5 r8 Z# ?- o
   setTimeout('moveBall()',400);
& A! b( _- Z0 I: R8 N3 n   if (hidetimer!='')
4 V9 [' q# S. R5 A   setTimeout("hidetext()",hidetimer)% ^: s" ?4 q  Q4 F
   }
9 E) n! x) p8 X  E- l3 o) J( r
. J' x5 q4 q, w& r7 _function moveBall() {- q# m2 X, p. p7 _
   if (superballRunning == true) {
6 l# b1 _2 D$ N' T      calculatePosition();  u# o1 N6 y4 L- _' X4 v0 m
      if (document.all) {  I( T2 E: p3 T# m7 s7 ]5 `
         document.all("supertext").style.left = xPos + document.body.scrollLeft;, b  k6 ]& ^% y1 n; P! |
         document.all("supertext").style.top = yPos + document.body.scrollTop;- Q1 z' c) Q2 G8 u& b7 a
         }
9 ^5 j% {1 L; Q& L7 O9 r      else if (document.layers) {6 G" a) m! N: E8 Q* _
         document.layers["supertext"].left = xPos + pageXOffset;
9 [" {) t4 ]1 ?. z* k- j         document.layers["supertext"].top = yPos + pageYOffset;
& b; X. `( G, `" x) D  Z         }! U/ H" Y1 o" P2 L
      animatetext=setTimeout('moveBall()',20);
3 R5 C& {* d7 v6 q      }
+ G5 [. n. e; T$ m/ \6 N: r   }' H% Z  p% B& v- N3 O* i) U* z

+ I5 q/ T1 A6 o: \6 i/ M! L2 g6 gfunction calculatePosition() {
; i* l8 F$ z+ g4 V9 y   if (xDir == "right") {  e) f: f+ k4 p! x) V- ^  P" \
      if (xPos > (xMax - contentWidth - BallSpeed)) {
; o3 Q3 y/ g0 s! H         xDir = "left";& C& P: z! m/ o: ~' O9 p' R7 l8 Y& M4 @' n
         }
- U1 A+ s# W! a0 P* a6 E      }
: \8 M/ ?0 b" S" e' }   else if (xDir == "left") {4 d$ v5 O) S* V: r
      if (xPos < (0 + BallSpeed)) {8 S/ O3 v( L2 @' s- R4 v
         xDir = "right";
" _; w  d  q/ Y/ Y% v         }* p" U6 l& M# }# K6 F3 f6 ]& F
      }
( L2 _2 Q4 R( U9 e0 ^6 S' A   if (yDir == "down") {
# `' O9 m. _5 o) X% H& b2 N      if (yPos > (yMax - contentHeight - BallSpeed)) {
! f& r+ j* f2 ?/ A         yDir = "up";0 q: X6 X: m( u) d0 S
         }
6 @' {: r6 z7 @& E  e      }
' F! r* N" c, Z  L   else if (yDir == "up") {, t$ F+ ~0 ^1 |% v
      if (yPos < (0 + BallSpeed)) {
* U( E" W5 W7 _+ j         yDir = "down";
$ n: d( a6 H% a+ f5 V* p         }+ t; A- v6 ]! J+ t9 K7 }( n
      }. F3 q. N# u0 B! D0 `
   if (xDir == "right") {
2 O) `6 m3 n$ G8 i- M( r  I1 _" \$ Q      xPos = xPos + BallSpeed;
1 I! l1 a( w* f9 t3 D* a      }6 b. `4 R& Z* |+ g! V. M7 i
   else if (xDir == "left") {
. r  t: b: F0 L7 J# Q% ]( \) M      xPos = xPos - BallSpeed;0 i& z. T  h" I8 [4 |- h! W/ H+ d! f/ ]
      }0 d. |0 h3 L! V( }. g; t  L! b& L
   else {
0 O4 C. V. A3 P& }      xPos = xPos;
& @1 i" i6 i7 k, O5 z8 x      }
0 s3 V+ z3 G/ k   if (yDir == "down") {
- W" T& H; A6 X      yPos = yPos + BallSpeed;
1 M; Q$ `% J7 u" ]      }
& N- s- V+ q+ _. Q   else if (yDir == "up") {
" J, `1 i( W' p% }) r7 Z7 L  S      yPos = yPos - BallSpeed;* l4 {& I, ?6 |4 d
      }1 w0 F$ |2 X4 k! \, Z
   else {
- @% i1 U4 t, v. m      yPos = yPos;6 z1 C. b8 \5 I6 e% y- k3 O+ C
      }
+ J- R$ R/ i" r- `# h0 L7 Z   }
' O2 M6 v/ q$ ~6 F# h
! K8 Q/ ]9 T. i  \# wfunction hidetext(){
6 [  K- `2 [& K) F. r. Eif (document.all)
5 z9 a+ H  h& G& x4 r9 L5 B/ Isupertext.style.visibility="hidden"
" @* h* J8 F* X& Relse if (document.layers)0 g0 }5 V' \6 |9 ~) z1 I
document.supertext.visibility="hide"$ z; ]% E3 A2 r* J- n, h* p9 s5 d
clearTimeout(animatetext)
1 g3 n. Y! e2 x6 A- u}
5 C$ F8 O. P0 y, |( z" b. ~
3 o( H0 }8 [4 ]. a* Iif (document.all||document.layers){
& o$ t7 L, y5 Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& M# i7 n0 ^8 g8 c& }
window.onload = initializeBall;
6 k  `- d6 @" ?6 b) E& ~window.onresize = new Function("window.location.reload()");3 p' f, d# x8 K2 F6 Y8 ]# [, w* L# |% b
}( m! d2 u! b1 y* V- e& e- K

/ @0 ]" E' W7 V/ F  W</script>