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

zw2004

<style type="text/css">
) o8 Q+ k; _. j1 p' W/ }  e" z#supertext {
. Q, C6 o5 {3 sposition:absolute;
" s! r' u+ S+ I4 T$ Hleft:0;
5 D6 G- o% F1 u3 g4 Ltop:0;
; }' A& U* a9 h- ?" Z3 evisibility:hide;) Q0 v1 _/ u/ p0 Y! c. Z
visibility:hidden;/ O# n3 `0 d: ?  i# [; b4 g
}
' I" N. e+ I2 n7 p  f</style>
+ B' \9 Z' L1 y9 g! D+ [<script language="JavaScript1.2">/ F. P; P7 _; H& Y( R
<!-- 改变下的字体的大小。颜色-->' N/ p' E8 z( ~) c! q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% j: [/ {7 L3 P' s! C9 mvar hidetimer='';
7 }$ d( o% B$ g/ o<!-- 改变下的弹跳速度-->% D" f. _2 c" Y2 Q
var BallSpeed = 20;8 F+ H2 @, {/ m2 ]- j" p  j
var contentWidth;+ V; F) r; A1 w4 S" B
var contentHeight;: W5 W2 j. F) W2 p# v
var maxBallSpeed = 50;6 u  E% ^( V2 W/ Y- O

# L4 z/ v3 T' F( ^
6 e5 ^8 ]8 ~2 bvar xMax;
  J. p1 s5 R* j, x, Y, wvar yMax;9 E, Q/ i$ M: P4 F
var xPos = 0;
  m4 J+ [3 E$ O& p! \4 w- nvar yPos = 0;1 D; ^: @+ k; s0 z3 U+ d
var xDir = 'right';% {! }" s% \0 M9 f' g5 [3 Y
var yDir = 'down';
' \# I, W1 n' ~* j3 Gvar superballRunning = true;2 o" T% F) u, o) p5 U
var tempBallSpeed;
" s% W/ {! u3 H6 cvar currentBallSrc;$ r0 Q5 T" S: d) f! e4 a/ E% f
var newXDir;( n* J: z, C# x+ @  @
var newYDir;
$ w' o- V, `5 R$ H" ]4 P9 i2 u
0 v" K+ O, G2 r# [6 Ifunction initializeBall() {
5 z, K6 G  M1 g0 K5 G   if (document.all) {
* m" U7 z! E" W" J      xMax = document.body.clientWidth
# n1 G+ E- {2 X" Z# P' y; h9 v: F# c- Q      yMax = document.body.clientHeight% `. U' b6 e1 E6 u' W, x7 \
      document.all("supertext").style.visibility = "visible";1 Q1 c4 a2 r& x1 u3 J0 u
      contentWidth=supertext.offsetWidth
3 ?6 s9 `" Y* i      contentHeight=supertext.offsetHeight8 B0 y' B* E1 F0 v1 c
      }2 @* V9 m# |% W9 a7 V) K
   else if (document.layers) {0 y! u5 a# \, I- c- c
      xMax = window.innerWidth;
) P  b- I; a# A" z      yMax = window.innerHeight;/ R; W5 k" v8 p; P3 R
      contentWidth=document.supertext.document.width
, ?( U( I% E) w# R7 n! t. H      contentHeight=document.supertext.document.height1 G! T/ Y; W- o- k3 N7 @) E) v
      document.layers["supertext"].visibility = "show";% P, b  U/ q% f  c1 Y$ Q, M
      }
0 d8 U( A8 G2 `1 s3 }* c6 p! _   setTimeout('moveBall()',400);% b* n& K" D# e( s, _8 `5 H
   if (hidetimer!='')
* A' X7 d/ K( j9 U6 d( ]   setTimeout("hidetext()",hidetimer)! x, b% j* f: x4 |! w
   }
$ ^5 U  R) @+ M( W  `# d% J
7 T; ^7 I8 e8 g/ Qfunction moveBall() {6 n) O4 n/ _. [) p- q& m5 Y& O: V; S
   if (superballRunning == true) {8 P% I5 Y* v& X, B$ @
      calculatePosition();' _3 O/ N8 a8 _9 Q9 S
      if (document.all) {5 `$ j! e; p+ Y% o
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; ?8 H& J' j, R% }. C         document.all("supertext").style.top = yPos + document.body.scrollTop;6 D2 W* O8 c3 {0 ~( c' ?: Z- V
         }/ Z9 O8 _  @) G$ G# L/ e$ h
      else if (document.layers) {
' @5 Z3 Q7 t2 S         document.layers["supertext"].left = xPos + pageXOffset;1 O9 u& w  [1 c6 ?
         document.layers["supertext"].top = yPos + pageYOffset;
7 d8 O3 N# K  s         }9 b; Y2 f5 E4 k( B
      animatetext=setTimeout('moveBall()',20);
' K- ?5 F. y2 b5 f5 M      }4 A- _; t5 a1 y
   }( z4 w5 g5 @8 a, \% U$ w8 C6 m! P7 v

; V! j$ }; p/ y, K7 L% Gfunction calculatePosition() {0 A) S, I& ?6 v  k; U2 k
   if (xDir == "right") {
4 O# j4 e) @1 D' A6 {8 M; V      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 D4 ~7 z" y. A& x         xDir = "left";
! B9 ^5 ~! `1 P! E; K/ ?0 H" ~         }9 y1 y  {8 z$ @4 W8 K: n" Y. V: _
      }
/ ~( q, x! d' _+ Z& t1 E2 r) q* I   else if (xDir == "left") {
. u" {, u3 i. u" R  z4 r      if (xPos < (0 + BallSpeed)) {  E) K; u1 a, @4 P& ]3 m0 y: i
         xDir = "right";9 r- [8 H% j6 k, o$ i4 f  I. F- H: n
         }4 Y: a+ Z* B6 a/ F  o; m& }
      }. E. s7 ?0 b3 f# J1 i! M
   if (yDir == "down") {8 r/ P3 W# V' ~3 R% z
      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 z, h  Y* y" P* H0 Q$ V         yDir = "up";, J1 H8 Y+ \- G; E
         }% |. w( E3 v. g5 ~: k5 E% `& d
      }
( ]% T4 i5 P4 \" q, A/ a7 W   else if (yDir == "up") {% V, Q& m+ m6 D. V
      if (yPos < (0 + BallSpeed)) {
* |( v& j/ n8 p* N1 {1 a1 ~5 S         yDir = "down";6 a* e9 e4 q' l. y( l
         }
( v& @; c" w) X2 B7 t/ p5 P3 C      }# p' b) M  d$ y4 k& `
   if (xDir == "right") {3 F- c- {( N' N3 [$ R8 C4 _( Y# L$ g
      xPos = xPos + BallSpeed;( Q9 _$ A4 x7 b8 A" k7 f
      }
, R7 ~* S- e. z. x6 P5 x4 ~   else if (xDir == "left") {1 x$ y3 K' g+ r+ c  v6 G2 N
      xPos = xPos - BallSpeed;
" h, P; g$ M. @6 u1 P      }
  U$ Z3 H5 y# P" a, ?. D3 R2 E; P   else {- I5 t$ i; j' E: z/ v7 u5 U
      xPos = xPos;
# `' z2 @' Z: T1 n      }% `$ C+ Q9 Z) s
   if (yDir == "down") {0 w7 k. J0 }! }* Y+ d3 _" B
      yPos = yPos + BallSpeed;  B6 |( B+ P- Q5 [
      }
5 O) U' ?) [5 [8 i   else if (yDir == "up") {
9 G1 O. M& Q$ `- _5 j$ i! ]# i      yPos = yPos - BallSpeed;
4 T4 p- N; x/ T  K4 P  |      }
& Q8 h: G( H) l$ T   else {
+ |# U% ?; v0 o& q1 I+ g      yPos = yPos;4 ~5 ^( B( M* ~9 k) Z1 Q" d8 A' Y
      }
" h* P. v1 Z+ |4 z8 |   }
/ {, T$ J# s* A( F$ s7 Z! r- K( k; R0 v# I: w- [' J' L) ?; y
function hidetext(){& K" r" Y2 ^/ W6 F
if (document.all)* o- Z8 [, Q; Z  H9 ]
supertext.style.visibility="hidden"
% C% x( I7 @' selse if (document.layers)
- C' M% h+ k" S6 w4 c0 r1 wdocument.supertext.visibility="hide"! k! s) d( Z/ g3 o
clearTimeout(animatetext). o. u3 [6 V8 b
}
# T* i9 ]' `& i* ~
) Q0 `6 w9 s* Hif (document.all||document.layers){
$ R+ b, ?) d) H* Q; h! [9 Adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); H* z! z8 r! Y1 V) d
window.onload = initializeBall;
6 `0 }( A3 M( [# I/ J" _9 \window.onresize = new Function("window.location.reload()");* V4 A! E/ U, y% W2 z" \
}
- c- R. B# h: c$ s* B& h3 f2 a" ^( y. i
</script>