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

zw2004

<style type="text/css">7 z# A4 S1 z( z" v: N% n
#supertext {
/ D3 k1 d, m' w/ sposition:absolute;
/ e$ a$ L. X7 X" W, y2 |left:0;7 R! m4 Y9 Y. v, u
top:0;4 o2 c1 K- k5 _
visibility:hide;
3 X2 u4 n8 T- w  x7 Rvisibility:hidden;
2 u( w+ {; Z4 G2 P1 j5 i}! i3 r+ \; g" ?
</style>
' V" l7 @* Z$ [4 R( k2 U<script language="JavaScript1.2">9 i% T! N" n* M' c* d, N
<!-- 改变下的字体的大小。颜色-->
% P8 v6 d2 s' l: F8 X/ {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ c' q7 m" `+ [( kvar hidetimer='';
  a: M0 U4 C" T2 u1 h7 r<!-- 改变下的弹跳速度-->8 v* s' l& D" c, ?+ n6 b
var BallSpeed = 20;
! _* L. Z/ y( }* e/ B( B, w8 ~var contentWidth;7 A5 }! {0 t  p6 ^7 y- Q
var contentHeight;( }2 Y6 u6 l6 h, d: X% E0 k. m0 u
var maxBallSpeed = 50;8 x( Y4 n# o8 b- o. a' d
8 P- O0 Y) n" }' y- e1 I8 g) h' V& Z$ G

' L2 ?7 n! U) N6 @  c/ ~7 Vvar xMax;
2 c/ j- C1 P6 e& qvar yMax;9 _3 |4 B0 S3 x! I" I
var xPos = 0;
- @, T0 L" J) d! ^8 g, G, X& Yvar yPos = 0;$ W; |: @" `7 w# T; m
var xDir = 'right';
$ J$ B1 Z6 I: r: {% H' Mvar yDir = 'down';6 @( j6 j9 n+ v6 M
var superballRunning = true;& B5 ~. h& |( B
var tempBallSpeed;( V# B% W, F# V% ^* W
var currentBallSrc;. F% i9 O% R( N2 Z$ o6 i
var newXDir;8 C, E8 u6 q) t0 d% b% P
var newYDir;
" E6 S0 r0 x0 e5 G& g
. Q8 w" s3 Z! g- xfunction initializeBall() {
! G5 G: _4 C8 h   if (document.all) {
2 A7 i& u0 x' y! K& J# ^" x      xMax = document.body.clientWidth
, P6 V8 P7 N  V. Z' U      yMax = document.body.clientHeight
  z0 U% v& S4 M8 O1 j- M; S      document.all("supertext").style.visibility = "visible";( i$ n2 i# A6 y, G6 z8 I' w
      contentWidth=supertext.offsetWidth
7 V; p6 G& @, n# o) U: i" x5 z0 F      contentHeight=supertext.offsetHeight
- l/ [4 X0 \$ x" A      }
1 B  s* s- P9 U   else if (document.layers) {
3 |7 E! B9 Z8 E0 y1 y* J* {1 ]      xMax = window.innerWidth;4 ?% ^* n+ t. {2 @. N7 r1 R
      yMax = window.innerHeight;0 O( v6 K; j  x, \! l# z& _
      contentWidth=document.supertext.document.width8 o. E& s) T+ E" y* \1 ^% J
      contentHeight=document.supertext.document.height
4 c% L7 s/ ?5 L$ Z2 q. i$ P      document.layers["supertext"].visibility = "show";6 A; X( d7 W! N- n
      }5 v7 Z/ j) Z$ U- |3 B; ~& _. b
   setTimeout('moveBall()',400);+ x7 ^9 I4 [3 g1 u3 a5 ~6 l
   if (hidetimer!='')
5 W$ L) Y7 ]) r6 T   setTimeout("hidetext()",hidetimer)" @3 L1 g9 H4 H% B+ y4 \
   }& r8 O/ c; {! _
; p; A8 f7 r, F3 _. g$ E+ Z( ~
function moveBall() {( `7 v; U6 P& `, q- P" a
   if (superballRunning == true) {
8 z1 u( Y3 z  V+ @      calculatePosition();' [: f8 G4 r5 v% T! H
      if (document.all) {- B, Y1 B. u8 ^
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. M& S4 r$ W% g! P7 d5 \         document.all("supertext").style.top = yPos + document.body.scrollTop;6 r4 _; o$ G. `+ s8 M
         }
- z$ r/ A5 s; C. [      else if (document.layers) {$ V1 C* V5 W( p: p
         document.layers["supertext"].left = xPos + pageXOffset;
' S7 V2 P* ]* R: K         document.layers["supertext"].top = yPos + pageYOffset;$ C; L) [# @# x# Q" n
         }
; J1 f8 Y6 V6 G' Y$ R9 q; `7 p      animatetext=setTimeout('moveBall()',20);9 _% ^% q9 T( b7 M# Z# ]+ y. F
      }) u" u3 f' a, a( X  A
   }+ M4 A7 m* _8 n! M' R; H2 g6 `
' z/ B# {' P- [5 O9 ]
function calculatePosition() {9 M! `7 g# [. y+ j- Q: e7 `( E7 S  U  W
   if (xDir == "right") {
1 e- _9 ]2 l# t0 K3 I) f1 c6 ]5 t+ a- T      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 K4 Z; {) o& z5 ^0 Y         xDir = "left";: J. ?( q/ [" `/ q1 {
         }4 q2 s1 a- g4 j% J9 E
      }) S' E! p3 @% K, H
   else if (xDir == "left") {0 |) F1 O2 O3 i0 l$ ^
      if (xPos < (0 + BallSpeed)) {6 [2 l% m( u1 S3 B/ V- F
         xDir = "right";( _& h7 E  u+ B4 p7 U$ o3 y
         }; k7 y# J- s0 T( w- s3 j9 d
      }7 U% v6 ^7 x- Z3 N& t, U' E4 s7 E9 V
   if (yDir == "down") {. W- p* n  I! Q0 l$ L7 v
      if (yPos > (yMax - contentHeight - BallSpeed)) {+ b+ U  S9 \7 a0 v4 a6 N- j4 ?
         yDir = "up";
+ [& ^+ _  ]4 ~- w& G3 G. [         }
+ a* h" P* |. s. I! Y3 V      }
7 }4 A. b9 }/ z5 u1 \4 k   else if (yDir == "up") {
' F  T5 d4 `7 n0 V  J$ r      if (yPos < (0 + BallSpeed)) {
7 [  {  |8 ~/ R/ f. [+ ^8 Y         yDir = "down";
, j% u" w1 V+ X* U& `         }
+ e' d  L$ Q( M      }& r) S" i! \1 @, m9 K
   if (xDir == "right") {5 d- c7 }* Y! O1 g$ [) x7 l" W
      xPos = xPos + BallSpeed;  ]. L) w4 ~% h& T2 ]
      }
/ a* u! b9 Z. y$ K7 D   else if (xDir == "left") {) w0 y/ `' M- d: {" F) w( [, i
      xPos = xPos - BallSpeed;
3 r- ?1 b- Q: \8 X      }
& ~4 o& A, g. H, E# ^* N   else {8 d8 Q* `! E& T5 f$ u' }
      xPos = xPos;
4 a/ V' U/ B: s$ T1 ^$ J      }9 H. J! M0 P! A. N
   if (yDir == "down") {
- P6 ^% Y' j/ V: O& f* H      yPos = yPos + BallSpeed;
0 T" H' v9 m: ^5 n  l  n      }
* H1 [' c* V" v. I& _! H   else if (yDir == "up") {
& @- v5 D2 d6 l) @4 d1 R. N      yPos = yPos - BallSpeed;5 t% t9 s' z3 C, s" J: }1 t
      }. W4 t. V! }& }/ Q  |) \
   else {4 R6 M$ x5 U9 a0 L
      yPos = yPos;5 x) q: g$ p& ?, ~5 L' J% I2 v( M
      }
  F. ~# ?: M2 P, ~8 H4 P   }1 \! H4 m/ _/ `+ O* Y
- v" z+ C1 d# l: u  _5 G
function hidetext(){) ]  {" P1 x# m/ F" e
if (document.all)
/ O& `, q; ]2 v- G, r6 y9 v+ }supertext.style.visibility="hidden"
0 E" p" Z9 X( |4 ~: }3 ?else if (document.layers): p  D) O4 E- F& [: p, n5 S
document.supertext.visibility="hide"/ l. x( c. j% Q5 Z) b' J+ z
clearTimeout(animatetext)- c8 T5 Z* I& A4 z: c+ i* i6 S
}
& p4 x3 I0 V  n/ n3 ^( A# x1 w' N$ |& `4 O) x% U
if (document.all||document.layers){
' f5 M- d' Y) b' x8 j: h1 ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- g  C" P, O9 @; G
window.onload = initializeBall;
! l/ _+ T0 ?" X3 P& s7 T  x5 Nwindow.onresize = new Function("window.location.reload()");
$ V& D, t+ R) G: D2 y}$ T% g, @4 \! x. C& {  t' q
; U" D4 i9 H% n4 w% y* v" I
</script>