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

zw2004

<style type="text/css">2 g: g, r" P+ s" G. {4 }
#supertext {
! G4 H* [7 C: Aposition:absolute;
; x% H) x1 n% D& Pleft:0;' B! E$ T, S2 G. [
top:0;
* ~. k7 g4 H- W7 x; uvisibility:hide;& H$ e  |1 Q0 a) M
visibility:hidden;
# \) ~, h5 B6 Y" r) U, K6 I# m}/ q8 m2 \) t; J
</style>
- L" A! T3 a& `6 _$ O<script language="JavaScript1.2">0 i5 S0 M( f2 u! S2 `
<!-- 改变下的字体的大小。颜色-->
( z; V% P; n7 U) i! a- o  Mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': I* t1 i, [- k) F$ o
var hidetimer='';
5 I% k" E1 r4 V' r  T<!-- 改变下的弹跳速度-->/ y& _3 l  f  ^8 y3 r" ^- N- H
var BallSpeed = 20;' K1 y9 k' e( f/ u/ r
var contentWidth;
. V+ M" J0 N* }; M4 z; B" [& A# ^var contentHeight;
" u/ v0 ^6 \% x* d/ p6 h/ Gvar maxBallSpeed = 50;5 g5 F2 L/ W' B
& M5 H- j+ ?" \9 H. A0 g0 j2 j
- D/ N' d1 E3 k- m* x
var xMax;
* Y9 A1 [5 y  s. I, M! u* j2 evar yMax;7 U9 B/ x1 F" P: W
var xPos = 0;4 I+ L: T. x5 f) \' }7 r" J
var yPos = 0;
% a- X$ q) j$ \* T5 \# m% I* Nvar xDir = 'right';
! h' X7 t  G$ T9 z6 ~, x2 I; bvar yDir = 'down';4 [! r0 Y% E# v. |' s
var superballRunning = true;) d$ j9 T" ]) i8 R1 K# x5 t. C+ ?
var tempBallSpeed;
% U* f3 }2 |* J" ]' Nvar currentBallSrc;
' T# h" Z' h8 x0 c6 e) nvar newXDir;+ i! U! N5 E& ~) ^- d3 ^
var newYDir;5 U0 k8 J+ [* l% z
( q! r6 n) K/ u& r. b- q, O# ~9 u1 l
function initializeBall() {
' R0 X" q4 v2 g% S2 |# t% r   if (document.all) {
# M; {5 I' |3 v: z9 r" q; x, Y      xMax = document.body.clientWidth$ `& @( Z* _) L
      yMax = document.body.clientHeight
8 ~  i# {. O2 [      document.all("supertext").style.visibility = "visible";5 U) q6 Y+ A! D+ h8 o0 T0 m
      contentWidth=supertext.offsetWidth
* m# l$ t2 ]; R7 C      contentHeight=supertext.offsetHeight# D' a# \8 K/ a$ \
      }
) L+ j7 C! J0 r) M+ O* H, \8 n   else if (document.layers) {7 {3 d, S) J! \0 H6 T  u0 G% z
      xMax = window.innerWidth;. e/ Y8 x6 d$ J' v/ ~4 G6 s
      yMax = window.innerHeight;% f# f" f' N. p( G) v5 A2 i2 M* E
      contentWidth=document.supertext.document.width8 [0 z5 @" Z# S
      contentHeight=document.supertext.document.height1 S1 [2 U9 Q- e
      document.layers["supertext"].visibility = "show";7 Z+ `3 q4 J, P! C
      }
/ m: ?9 ~7 L, x6 @+ M! T   setTimeout('moveBall()',400);
6 Q: T1 j  Y" G6 y8 j   if (hidetimer!='')8 f$ J& D# j0 N1 `! L* U
   setTimeout("hidetext()",hidetimer)
1 b+ g/ q- d, ]" o   }
) ~) b3 j6 N  f. W1 L$ Q0 G" I+ h- \' A) e1 W' T6 \
function moveBall() {- r3 O' b1 ~/ x3 _  M# J
   if (superballRunning == true) {
8 D4 k( W7 P6 T" p1 W3 C      calculatePosition();
% y# Y, m8 C* Z1 ^( p; ]      if (document.all) {
; r) ?& f4 e% i% k5 M" W' ^: S- f         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 k, E3 S5 c9 v8 N& K* O         document.all("supertext").style.top = yPos + document.body.scrollTop;
" v  v8 L; `8 C6 Q! j8 s% V         }
0 J; l! M" z! ]" f5 f' ^      else if (document.layers) {- S( a& p' ?4 L. b" F
         document.layers["supertext"].left = xPos + pageXOffset;
3 {! z- v0 o9 t% Z) _         document.layers["supertext"].top = yPos + pageYOffset;8 `; t& E9 X+ R" _" d! Z, h
         }7 B& C# m; r" ?" C$ K# g9 }
      animatetext=setTimeout('moveBall()',20);
. R! U9 t0 ^$ x      }
9 l7 {7 Z5 {' [! ?8 P   }
2 C+ q- E; }- R+ o  u9 |+ H( h3 x! E. T9 X% {) C( O
function calculatePosition() {
* k0 R5 l2 Q' R5 V8 V& y   if (xDir == "right") {1 P$ Y: G+ y- E5 J2 A# z
      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 d$ e6 ]. ^; e, ?  ?8 [. v         xDir = "left";& q7 B9 g! T8 S5 e& E
         }9 M( b: t. c3 }; o  J9 Z/ S% }
      }
+ H; H; I) M0 W# b' d1 x1 ?   else if (xDir == "left") {+ |( }6 V: q' v
      if (xPos < (0 + BallSpeed)) {5 z+ ]" `5 r7 w0 U0 r1 N
         xDir = "right";
: R6 V+ l/ C) ?# @         }
& o! {; |- V6 r' z8 P/ m2 h  z7 p0 f# ?  K      }; ^; j/ O0 X! C3 b6 T$ b' N
   if (yDir == "down") {. I2 n5 q/ H" w% x, [. e0 X
      if (yPos > (yMax - contentHeight - BallSpeed)) {! o- l' P% r1 X! g( {+ B
         yDir = "up";9 N& h; B( M; ~1 E) o! ?
         }
* C" t0 V4 W- C4 z, [* T% Y  x. b      }% O9 {+ H" h# A6 }: B! ]
   else if (yDir == "up") {
' [- d7 {: s0 R+ |. n      if (yPos < (0 + BallSpeed)) {
) o% q; ~4 h# C9 ]* _         yDir = "down";
) S  d! E- _2 c( M1 G, \         }) x! ]  D+ G- ?
      }' |  n) [8 X6 ]) c& ^' N
   if (xDir == "right") {
1 y, W) W7 t! T3 b  r      xPos = xPos + BallSpeed;
) I! p1 z; N) ^      }5 b  i' [5 n6 V0 A8 A' ]
   else if (xDir == "left") {
* F. y# P1 {8 \$ q0 h7 ~6 `      xPos = xPos - BallSpeed;
" `. k: }1 L: K( J) c3 D      }
( k# `7 t& r9 n3 j9 A   else {/ [* [. w8 }* w$ _& m
      xPos = xPos;
8 y) \$ J9 i+ ^$ K! i( ?8 v      }
* Z# X. T% q5 a/ E   if (yDir == "down") {
- L6 E5 {; u( L- [6 z      yPos = yPos + BallSpeed;
, w. X3 Z% P2 ^0 i5 _! P9 X      }( [% B4 A8 j; z' L# Q) ?% v* ^1 \. d
   else if (yDir == "up") {6 J1 J- w3 m8 p/ O- m  V1 [& l8 W
      yPos = yPos - BallSpeed;
7 x( W+ S$ _, m9 Z9 w3 P      }# S' V, m1 }, T! {7 @
   else {& K& e3 E! T4 c6 S* W
      yPos = yPos;' i( I$ w% ]9 {# m6 E2 {
      }4 v- U. g- Q: s; v0 s
   }
% L' Y& P* X- k) @- n' [9 |3 j# _! H5 y3 B
function hidetext(){& S4 j' Q4 Y/ ?) d, X
if (document.all)
8 i+ l5 r$ O9 B5 C& xsupertext.style.visibility="hidden"
/ k: ?1 w, U# g/ H8 Z7 Welse if (document.layers)" [4 a/ D9 B0 J
document.supertext.visibility="hide"
* ^% J) I# `8 g; M5 j  y) M2 e6 {clearTimeout(animatetext)4 f- w& }4 o/ \: d' J
}
$ [6 R- P3 ?0 ^* J& P: }( ^5 O" Z! U9 e& E9 V( P# t
if (document.all||document.layers){
6 k. r5 f* W5 `/ I; k4 R5 Kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 W0 f# e; o  r8 m% q) L# j
window.onload = initializeBall;& Y- a% R7 ?8 w! M3 ~
window.onresize = new Function("window.location.reload()");
; K% [: d  \$ D  w3 H- Y/ ~}. _( q! W, ^9 S. c. h0 |

- B9 R: l) a1 j9 E9 s) t7 Y</script>