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

zw2004

<style type="text/css">' R1 i1 o; x1 j  X* x5 t
#supertext {# L! v4 m# g% U- s5 [
position:absolute;
  D( \; g+ O3 N1 @8 j8 sleft:0;* L" K, {' V, J8 F# c
top:0;
1 s" {3 D  ]$ G( n+ bvisibility:hide;
* V. N, z% k7 M0 o/ H& S4 [8 vvisibility:hidden;6 @" d! F) j3 d4 [
}
! F0 O# D( O# C9 p3 x. ^  y</style>0 A4 D( o! n# w/ x
<script language="JavaScript1.2">
- V+ X9 O# y6 ^+ d<!-- 改变下的字体的大小。颜色-->/ K1 z  z: S4 }4 c+ T1 |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 L0 Z7 p% E3 P# J
var hidetimer='';
0 v& M4 ^4 p" l7 |1 t6 I$ u: I8 h<!-- 改变下的弹跳速度--># J# r: c, H0 r/ i0 \
var BallSpeed = 20;
1 b2 l$ V; l1 Y6 r2 v* m% ovar contentWidth;
( e; D2 u1 Y0 A3 S/ z& s0 h  vvar contentHeight;
* ~1 a, }7 Y; y) t3 cvar maxBallSpeed = 50;
6 @( @* O- ?5 n1 a2 M
8 C1 ]7 F8 \. F: a  B5 x# m! w  d- `0 ]! ?5 J
var xMax;
  `# A% U6 D# n8 R) ^8 X8 U+ j/ Kvar yMax;( }0 O+ }) d* X; c. K5 C0 z
var xPos = 0;1 l0 a& X' d( B& \4 O, z
var yPos = 0;  P8 ^. l3 _3 V. B7 Q
var xDir = 'right';8 Q- N1 W/ [2 u8 n: E( T5 ]6 S
var yDir = 'down';
  k: s* B5 A  ^& M7 @' Pvar superballRunning = true;& G# K- P( P# W' h7 U6 b1 M* a
var tempBallSpeed;
. X: s7 ]3 W, h# T# M! W8 xvar currentBallSrc;3 t4 A  S4 H  x+ S+ B
var newXDir;0 Y5 H( c6 q  L
var newYDir;
, z0 [* C% r1 L/ Y+ D4 x8 B2 N' V, d2 R
function initializeBall() {
" W0 n4 m* i- n1 H% x. o0 ^5 Q   if (document.all) {
  T6 P1 Q; `7 G, h6 V+ C      xMax = document.body.clientWidth. M& F9 |7 z& F: ]; f! p
      yMax = document.body.clientHeight
2 @+ ]* O) W4 `9 f/ a0 `      document.all("supertext").style.visibility = "visible";+ R0 b1 G" S& [9 P3 B1 ~0 L1 L  m
      contentWidth=supertext.offsetWidth
8 O  a. n& _& U; p      contentHeight=supertext.offsetHeight2 n  Z* ?+ w1 M1 [( W
      }
/ h; D4 O+ X! ~   else if (document.layers) {9 M0 n" W2 [5 }" Z& y1 |1 d
      xMax = window.innerWidth;( C, J) _. [7 z( G
      yMax = window.innerHeight;
' t1 ~! `; K+ G: }! m      contentWidth=document.supertext.document.width
  F& Z$ S+ l) a. V6 `# o& ~7 Z      contentHeight=document.supertext.document.height& t9 R0 b0 ?4 M% @2 r2 [
      document.layers["supertext"].visibility = "show";+ x6 c  e- J1 y
      }
5 v$ F, S# D  Y: D8 q; \( {, v   setTimeout('moveBall()',400);
; I" i1 z' j. D6 f3 s   if (hidetimer!='')
: V3 _/ _6 {! {   setTimeout("hidetext()",hidetimer)
, Q! }0 G2 r. X   }
7 r0 L8 a5 n! w' v6 j* s. ^* C5 k0 H5 {
function moveBall() {& w3 \( P6 \4 ^2 V
   if (superballRunning == true) {
; Y- ]2 Z6 J2 z' l) w* I3 ~      calculatePosition();
* p9 }7 L4 ^* n4 l      if (document.all) {: x: K: t) b9 g
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 E# {9 G: ^0 D0 @5 H) {7 h# @" N         document.all("supertext").style.top = yPos + document.body.scrollTop;
. O2 \( V7 N1 ~( ^3 w# [  a. [         }: Q; L, S1 G4 Z. q5 u
      else if (document.layers) {
9 a7 l9 Y0 }' f6 E         document.layers["supertext"].left = xPos + pageXOffset;
5 B2 {1 x( s  j6 O8 Q         document.layers["supertext"].top = yPos + pageYOffset;
& ~# n) B' d2 V" M* n5 g" u6 L         }
0 d( U8 f4 V5 {( d: l5 H8 R: Y! G      animatetext=setTimeout('moveBall()',20);
& h- Z5 D" N  Q2 G; {8 I( C      }
' ^7 ], n/ c3 G6 W9 f( q& t2 _   }8 ^7 {. e$ y' c5 o" ]6 d

/ u  M5 Y0 y, d+ [' ufunction calculatePosition() {7 G% t, F. `% F. G0 k
   if (xDir == "right") {
7 I. n) Z6 Q$ Z4 _" o      if (xPos > (xMax - contentWidth - BallSpeed)) {" K. r6 h, K! m
         xDir = "left";
% [" F/ G3 `2 M7 X' C2 l         }5 T; E* j/ w! a
      }  k9 a5 t2 @) t5 e% G
   else if (xDir == "left") {$ E+ u3 h7 V2 ?( G1 \
      if (xPos < (0 + BallSpeed)) {
0 E+ U7 {5 e8 T4 g) k' X         xDir = "right";4 h2 X6 b& W1 [
         }. x4 ]: O' Z- I9 V# [/ ~- M
      }# n# `) z3 \8 |. z
   if (yDir == "down") {2 o* B" O9 Q2 g, h2 G% \
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 v: e5 R1 A6 z. C
         yDir = "up";
: K+ h0 f+ j- w. U         }
6 W1 X3 }; Z& X$ `  `. P( B      }
& P2 @  ~. k& }9 |, D   else if (yDir == "up") {9 b( V, {  d& f( A, Y- y6 t
      if (yPos < (0 + BallSpeed)) {
1 v, w& c% {3 u& t: e         yDir = "down";( K; ?; [2 J* O
         }
; W- |- w3 S5 B& W: u$ o      }; k1 D. e6 J$ Y* w% i7 e: J
   if (xDir == "right") {( o1 |3 ]* N* j7 {# F
      xPos = xPos + BallSpeed;
4 m. Y9 Y$ {9 O) u      }
. }+ ^1 u+ V: O   else if (xDir == "left") {
0 @: J" `# v# q# @$ O* c) s      xPos = xPos - BallSpeed;' I- R. X8 l) t4 L+ T$ c! H8 k! \
      }
+ ]( X* X3 _0 J$ t6 u   else {
% l5 J) f) b& F) a0 Y) l0 P- O, L2 F      xPos = xPos;/ g* {5 _* L% G# v
      }# ?3 `1 W5 w' C. S0 y0 c
   if (yDir == "down") {& |7 O5 c5 G' f3 e7 ^. ]
      yPos = yPos + BallSpeed;! P+ G0 f+ `/ q1 Z: G1 e" Y1 U$ S0 K
      }$ f" S1 ], ]1 A3 e, x
   else if (yDir == "up") {; K# V& w- @; w
      yPos = yPos - BallSpeed;
/ |6 ~9 P, q" C+ [3 z      }' X) @: s. W' N, V
   else {, s% H4 {& y$ y4 h2 q3 V) Q
      yPos = yPos;# p2 p3 h( c9 N+ ^$ s
      }5 n6 L% J- q6 ?9 N4 d7 s/ _
   }3 e( ?" w" F9 Q6 R
' ?- U; _( ~& c5 X# d6 ~
function hidetext(){1 l/ R1 @8 q9 h6 W) q& O0 h3 g
if (document.all)8 E& Y' U/ C3 P( p' G. @  ?; ~
supertext.style.visibility="hidden"
- n( z" M0 u  ^else if (document.layers)
3 K6 D1 N, j! Z8 |2 Jdocument.supertext.visibility="hide"
1 J* X1 \8 i2 e* p1 ]  {* [clearTimeout(animatetext)/ T: T; o" Q0 |5 F- A. N
}8 N; r; j* v8 R  U0 N' ~& N+ m' o
/ L( o( x9 u% j& U: k# H
if (document.all||document.layers){5 X+ N0 m6 u* Z& l. y1 K0 o3 J" n% i
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# t+ x; A- m4 l5 f1 a* m8 f. u1 @: A
window.onload = initializeBall;: ^' t3 h* o* g# \8 d# w  O% L4 W
window.onresize = new Function("window.location.reload()");
4 `6 f1 L0 n6 f/ B}2 v& M/ K% ~6 ~* |) j8 B5 b

& m+ d& y& U% T3 g" X) J</script>