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

zw2004

<style type="text/css">
1 k! N# q9 w- j) @: q$ L: ~+ J. D5 a1 c#supertext {
' O! L; Y( @+ r3 y4 T! |position:absolute;
. u% z1 r, L5 X7 \* D# Gleft:0;
( E# X6 f! G! itop:0;
8 m9 Y. y! R6 V8 r, [7 dvisibility:hide;
2 c" E; T' P% U8 r3 j" kvisibility:hidden;: ^: D' W& O+ S0 g. x
}2 p( h2 O- {( t
</style>! T+ ]" }! c# B  g3 T* d8 Z
<script language="JavaScript1.2">7 P7 i8 ?; S# B3 [& C: o$ a: u
<!-- 改变下的字体的大小。颜色-->
$ n; ~+ R  U. M+ K  R1 ~. Pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( ]+ V' g1 K, E9 q, J5 J- `% y
var hidetimer='';" C1 ^; ?! U0 A) w
<!-- 改变下的弹跳速度-->9 ~/ M: f3 j1 B& L* V
var BallSpeed = 20;* c. o- C! U: |  D8 {  M" G8 X. i
var contentWidth;
: ?7 F' c. u" m1 l# x. Xvar contentHeight;
& ?- z% q. f7 a8 [" D! q  ^var maxBallSpeed = 50;" L* W- b/ `5 |/ j7 H3 O
7 e" H0 l) w" x* k# @
# I* z4 f. ?' Q$ L
var xMax;
( X3 K' n7 O4 x5 Dvar yMax;
: X) E3 Z8 z% Q8 Wvar xPos = 0;
; q+ J  n; ?8 }$ k; e( M& mvar yPos = 0;
2 v* Y9 H) H. e+ u/ D" u+ Q, zvar xDir = 'right';; Z& ^, W  Z! i! z( p
var yDir = 'down';
, I6 \0 J8 G2 c  n9 s8 Cvar superballRunning = true;
; b( t" d, u5 S5 e3 ]var tempBallSpeed;
  l& P$ p! }* c$ _& J( ~var currentBallSrc;5 w: G8 g( |2 x6 S& u
var newXDir;# U4 S* X0 u* v) i" w
var newYDir;- H" c7 F6 Y  A( ?1 }: \7 l3 \+ m  J8 @

7 ~1 j* ?  _/ a; L0 X: kfunction initializeBall() {
$ o' I6 h6 b1 y5 x   if (document.all) {
8 ^4 J. k  P" Y/ o8 r' O+ O: n      xMax = document.body.clientWidth& S7 t& ~: y7 N2 t- `1 X
      yMax = document.body.clientHeight/ H3 S8 z5 s' `0 v: s
      document.all("supertext").style.visibility = "visible";( F! Y' z5 a/ H" C  X+ d
      contentWidth=supertext.offsetWidth+ ?, e) b8 E7 o' a4 T& `
      contentHeight=supertext.offsetHeight
& u& s: C- m  v8 |" f. p! m      }. b, Y# S/ X2 y# ?+ p3 J; g' H
   else if (document.layers) {: Z" Q# H- A0 m; V
      xMax = window.innerWidth;( o/ e; p. k  n# @3 I+ S# c
      yMax = window.innerHeight;( e( G7 }; E/ f% V7 t
      contentWidth=document.supertext.document.width* |9 _0 b8 A' F4 G5 O$ o
      contentHeight=document.supertext.document.height
  I9 c# u0 k' g2 i8 ~      document.layers["supertext"].visibility = "show";! G. S; O- S3 t
      }
7 K+ V* ~( Z7 j6 I; E. [0 g8 r. _   setTimeout('moveBall()',400);( n1 Y/ O$ k1 j
   if (hidetimer!='')
& `5 O1 x& `  M. N2 }- {$ d   setTimeout("hidetext()",hidetimer)
- U, g  W" f! |   }1 b( L  J1 A0 c

9 I2 o5 J# e* E+ C: e- n, zfunction moveBall() {6 }( Y8 y+ y4 J& s8 K7 q* A
   if (superballRunning == true) {
' [- c1 s& F* Z0 v      calculatePosition();
$ m' p! Y/ s9 Q6 n      if (document.all) {
9 w. o5 d% E4 \7 z) w& q         document.all("supertext").style.left = xPos + document.body.scrollLeft;' ^: r, ^4 D( {6 j) B3 U1 P; A
         document.all("supertext").style.top = yPos + document.body.scrollTop;
" W% r1 ]$ Y7 e( M  v1 i5 M         }
+ e+ p. m) W+ P* D2 K      else if (document.layers) {0 c4 F& k" e# E' Q" h) Z! Z
         document.layers["supertext"].left = xPos + pageXOffset;( _  C8 |7 f9 Y* k) d
         document.layers["supertext"].top = yPos + pageYOffset;. @9 ~& s8 L( ?+ j% c% `& Z1 Z) E
         }
- }, ~/ \  F5 T      animatetext=setTimeout('moveBall()',20);
0 e. V- A* l. I      }
4 I* ~; d2 S* B/ @9 }: }; Y' U   }
9 n  W" t! f9 U5 u- Q/ ^
; e6 T' A. \0 V. ~function calculatePosition() {. u$ t. b, F/ H" Z7 c0 Y
   if (xDir == "right") {, S8 Y! }6 S! G0 j' P  x
      if (xPos > (xMax - contentWidth - BallSpeed)) {
  H5 U% ~7 ^- m" e1 x         xDir = "left";
1 Q* i- H8 K' F% T" j" `         }! d" M" L4 B  O: E: L/ O  W
      }! N  p* D( a2 z7 \$ K
   else if (xDir == "left") {: N( P$ P- K, n
      if (xPos < (0 + BallSpeed)) {
: p$ t# |" r9 U8 ~7 I         xDir = "right";
' I0 M6 f/ {7 O( R         }, R: p6 r! n, K- S9 ^5 X0 f
      }$ V3 _7 s9 @8 \9 o' f$ L, o: g) t
   if (yDir == "down") {1 t5 {4 B, j- M5 A% W9 R& m6 M2 t
      if (yPos > (yMax - contentHeight - BallSpeed)) {
* x6 O2 }! Q' U4 i* [7 y         yDir = "up";  S3 a  n. r$ \6 ]9 |  V
         }
& W* k- _% ?0 e- p      }" c" K3 c, g! r) t/ p2 i2 \8 }- c6 G
   else if (yDir == "up") {
# O9 o" g) i5 e2 g# S' {      if (yPos < (0 + BallSpeed)) {$ I; i- z3 N/ r- _
         yDir = "down";
) v# i( E4 r3 E( Y7 [         }
: Q2 ~8 a% P! `# Y  y" ]7 q8 l      }
% }5 d0 Z  e- B' s& }   if (xDir == "right") {+ m. p. i  F7 W) s0 Q) w  K  Y
      xPos = xPos + BallSpeed;
; F) ~# b- q( E1 O( x0 {/ y      }0 q# g$ d  V# ]5 h5 Q, D
   else if (xDir == "left") {
$ b/ i. O( W# [# a" X0 }" W      xPos = xPos - BallSpeed;
. P( D) X% ]6 W3 u8 I, T3 q* b) f      }
  _( \0 @, @; f2 a0 |" a; J  \   else {
' r+ z3 t9 G+ n1 y  w      xPos = xPos;) G& O7 @- c! c
      }* g3 a& I. o3 ~2 Z8 L
   if (yDir == "down") {# N* k* |+ ?  Y  k) \
      yPos = yPos + BallSpeed;- e" S, `( {, H) E2 D
      }( G( ~/ [$ q5 b
   else if (yDir == "up") {
0 k( Q5 a- l4 @9 P) m9 r6 r      yPos = yPos - BallSpeed;9 N1 C$ ]* t, D! J: s
      }
4 N, ^! O7 l3 j' ^/ A8 d; ^1 \7 ~! g   else {
0 d) U- M7 [% @/ ~      yPos = yPos;+ m7 g: k1 I0 p- Y& Q7 A' T- S
      }
: @' h7 J4 F( }; n& ^' d   }& r1 N( Y: e; N' h$ f

$ a- U; v# K- o" G1 {! Ofunction hidetext(){
# y/ m/ D7 t" M% Fif (document.all)
9 L" Y# M! _1 [9 bsupertext.style.visibility="hidden"3 ?' ~1 m- ]1 {/ }( H6 _
else if (document.layers)
2 x8 L6 i7 P5 M1 \document.supertext.visibility="hide"
% R1 G. g) ?! v; R7 A; UclearTimeout(animatetext)
5 Z  p  }9 n8 O; I" B5 l}
! X; J3 s. `5 j2 H/ u0 d8 Q( F5 |# L
( g7 j& d3 H. ?, C8 o: d4 }' G" gif (document.all||document.layers){% Y* k  X6 B, C* F4 F( R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  q0 g2 p9 H  L( A. c  e
window.onload = initializeBall;
. _6 m& A6 q: g% f! nwindow.onresize = new Function("window.location.reload()");. o8 Y& ?" w8 o
}% d8 A; o6 ^- ~: Q* p* Z
4 K+ W  `) C7 j0 s9 J# D
</script>