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

zw2004

<style type="text/css">
3 V3 P5 G2 j$ I2 Y5 {. r#supertext {$ y7 U: l( T* q& A$ n, [5 C$ o
position:absolute;
' _# v4 g$ a9 ]" Sleft:0;
9 h0 ]0 E! S8 x' d) _top:0;
* Q) j# ]1 `/ G! o$ a7 Z  r2 |visibility:hide;
" |& G; H& L2 s; P" xvisibility:hidden;
1 a1 h' z" ^! Q' D6 g# U3 r}
: A# f, Q! g+ `" y+ T1 ^# _</style>( f/ }( Z6 n1 N
<script language="JavaScript1.2">" V" ~! X; u7 c
<!-- 改变下的字体的大小。颜色-->% O1 Z- E; O% d. v
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 B1 j7 x: C4 o: u8 w: yvar hidetimer='';8 z/ `# @4 M* d$ ^$ N' t( X* _, K
<!-- 改变下的弹跳速度-->! n( S# Q. D& m
var BallSpeed = 20;
- B; W* V6 d& J! @- o# Ovar contentWidth;
7 F9 B0 X4 o3 L7 \( P# Mvar contentHeight;
7 c8 Y" c8 ^  ?& L- j; N* w6 J4 xvar maxBallSpeed = 50;
% p  @" g% W' o+ E
0 `4 o1 O8 V1 h2 {1 m% w
. p6 R" T3 V. g: n) fvar xMax;: a& @9 s$ ?5 N& I8 R# O. ]
var yMax;
* y6 z- n2 S' Ovar xPos = 0;
7 d' o% J; m/ {' l' C  a& s) I& i# Svar yPos = 0;
" N6 I; C9 H9 z5 x3 i+ H" ]% y4 Ovar xDir = 'right';
  g1 e2 U! [8 ~var yDir = 'down';' x0 P6 s) B- p- S
var superballRunning = true;
& b, v: |+ _( d" y5 A/ w& j5 R4 Fvar tempBallSpeed;) ?* y2 P* i, q. }+ ?: R5 c  k
var currentBallSrc;
& Q9 ^5 b1 ]' y1 ivar newXDir;
2 W5 H% A  D. O) z; K/ l3 evar newYDir;3 B- w& p. m8 f. A9 ^& _6 S
8 v2 g2 e$ z: a) r( T
function initializeBall() {
6 F7 D. _! j1 ?/ v   if (document.all) {1 U' {9 g) g# _# [' E
      xMax = document.body.clientWidth3 y( s, P; b; c$ Q8 F8 G
      yMax = document.body.clientHeight
" U0 d$ ~# N( V9 M      document.all("supertext").style.visibility = "visible";" m. n; v, J, F- D1 j" r; e8 M) E
      contentWidth=supertext.offsetWidth6 a& {5 Q! ~8 h$ R) a
      contentHeight=supertext.offsetHeight
% U8 X" t3 y) T' G" ]      }( h5 P1 t; j! R
   else if (document.layers) {2 c& e" K, B0 y8 @2 r
      xMax = window.innerWidth;6 b* J8 u: C+ x1 U' B1 n6 V
      yMax = window.innerHeight;
, B- s" l, g5 K% J5 d8 q. E      contentWidth=document.supertext.document.width( Z& C# K; B, L7 L* W
      contentHeight=document.supertext.document.height
7 ?5 s( _7 M7 q2 c      document.layers["supertext"].visibility = "show";
5 O( p# m5 C! J" |1 S# a- @+ J      }
: e3 S' @! Q2 e3 g   setTimeout('moveBall()',400);1 i' C0 T9 x4 H, z' |
   if (hidetimer!='')
, G3 Z; l+ ]8 @+ k, H   setTimeout("hidetext()",hidetimer)
: a) r( _. _; g6 C   }( g. E+ Q! Y2 g
3 B: Y3 ?$ H3 a8 ^0 J! |9 i
function moveBall() {1 i- u( U/ }8 @# L2 W" e
   if (superballRunning == true) {
! C  f% C* F4 u. c& A; u      calculatePosition();, n5 P/ f9 Z2 ]7 }' [* o* J- L
      if (document.all) {
- j' C/ k3 _: J* ?( S+ \8 N         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# o2 q& _% t' I  w" Q         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 v* Q, F, N- t6 ]& s0 [+ G* }         }
" P* s* B* ~' l- }      else if (document.layers) {- w4 q$ K# }0 a5 R! C. ^( c" {. S
         document.layers["supertext"].left = xPos + pageXOffset;
3 h: n1 k1 t0 B% I4 s% Y) P         document.layers["supertext"].top = yPos + pageYOffset;
% N4 p* s- ?- J3 B         }
; z# e: B& J8 d6 G      animatetext=setTimeout('moveBall()',20);) Z# Q6 l; t- C% C8 B, [9 g0 g/ _
      }
8 r$ m* Y$ c5 j; x9 B   }
5 C( R- l; e. {' `9 g  |3 b: |: [& D, a7 H8 Z# u6 K% A
function calculatePosition() {
, C( m- z& u( i& _, M   if (xDir == "right") {
/ P  S1 ^' Z9 {      if (xPos > (xMax - contentWidth - BallSpeed)) {
' W- L) K- [- s7 \6 P5 U7 w+ H5 G         xDir = "left";
, l' o0 v4 d( h2 W' [  H         }
3 T6 _# B- C3 f3 x$ A% j# z5 B      }
0 B7 F* q6 `4 i& V7 D3 b2 e5 X   else if (xDir == "left") {
. [$ K/ Q: {" r! [! Z& K$ J      if (xPos < (0 + BallSpeed)) {
* Z6 E" F* E/ O1 \+ x- j         xDir = "right";
6 S6 I3 F. L6 v  {5 T5 d         }& G3 s1 [  \, _
      }
( j% f5 G& B; C! Z6 _) E   if (yDir == "down") {: c8 s$ s- z. o& R1 a3 c
      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 u' N0 ~; g5 o. g* D* o8 V         yDir = "up";9 s) z; [1 E  m$ |! x( k
         }
4 t6 [8 j2 k8 n1 j' l      }# f& \/ f' b8 ^8 o5 B# O0 ^6 V9 G
   else if (yDir == "up") {6 Q- g$ F& V* O$ u( r" x
      if (yPos < (0 + BallSpeed)) {, m1 R3 ]/ o  M$ i$ c
         yDir = "down";
% E1 n( F, T5 b5 n         }
' |+ U7 Q% g' x  a6 Y' @* K9 M      }8 v1 V8 y, P8 c) g& a
   if (xDir == "right") {' Z6 k& b9 l: C' a# G# K" s
      xPos = xPos + BallSpeed;
6 w) n# W2 ^" |) m7 Q3 i8 z" g      }. j, n( S  ]5 N( N8 i
   else if (xDir == "left") {* q# k5 S2 F5 E5 W% Q
      xPos = xPos - BallSpeed;) T& U. b; m+ W) x, W  f
      }
/ [2 m$ x( J7 e, @) O! F   else {
7 @4 H, W- U& _, L, h* M9 x      xPos = xPos;; y0 T9 n/ n- g- e+ g
      }: o) ^& {+ F9 G" d
   if (yDir == "down") {- f7 l! i! a; M( a% {% W
      yPos = yPos + BallSpeed;
/ H7 n# z# _' q5 J4 G4 `      }+ M7 C) e  T) e+ x4 d% @$ p
   else if (yDir == "up") {
. E4 i; W" X; H* W7 w      yPos = yPos - BallSpeed;
% m9 W6 t4 d: W1 ^      }* X1 A1 q+ S( q9 B
   else {
/ h; j4 F. ]' ~7 U* B( g7 U( h. H      yPos = yPos;; U! G! T5 L6 D: ?
      }5 C7 c% i6 i9 T0 P) j+ e
   }) z/ |2 X4 j9 ^
; d5 j& V2 p* Z, i
function hidetext(){3 K. W9 H' H( Q9 V
if (document.all)  r$ ~! F  @" s* y' c
supertext.style.visibility="hidden"
2 d7 ~4 r: [' g* w# l: \else if (document.layers)7 G7 Q; v3 [( g- S2 {8 p* |
document.supertext.visibility="hide"
5 M! a' A2 \9 b9 H. y  `clearTimeout(animatetext)
: J. }8 b) |( x( Z" `' _}# b0 `" [4 i0 E. Z
  k9 T3 G9 b9 x% v9 c' _4 ^3 v
if (document.all||document.layers){$ e2 }8 B7 }; I" f  O& N
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  C' b4 X6 u/ I- P7 Fwindow.onload = initializeBall;) X, [. k" S; q  a' K) Z
window.onresize = new Function("window.location.reload()");! n5 N0 ^1 j1 f2 x$ `2 `9 d
}. {8 q' ^& F" J# E, R/ y# D( K
: f2 `) Y" h4 r3 o
</script>