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

zw2004

<style type="text/css">% m, Z1 y& F7 o' l6 z
#supertext {
1 `' u, m5 i4 X8 ^. B& sposition:absolute;
! ~1 Q, U5 H" e0 ^) @left:0;
0 I5 M2 ]" w" |$ ^7 Ptop:0;) ?5 F" |" f1 z& j
visibility:hide;
3 L# ~: Z" [# m9 j2 x! L( nvisibility:hidden;
5 y/ z# n  Q% z# m( R  T: e1 q- I( u- o}
2 q& f' S: T  s- j% {</style>
0 U! l6 Y8 x4 l* W) n# `* [7 u<script language="JavaScript1.2">
$ T4 ^  y4 W1 s8 p" h<!-- 改变下的字体的大小。颜色-->
4 o2 O+ |- x5 p. \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& T' [. `4 t/ I% ~, Svar hidetimer='';. W; o8 m/ X8 `6 q( ?
<!-- 改变下的弹跳速度-->
7 W  ?7 s( A  M+ s( y5 Qvar BallSpeed = 20;
6 i) B: Q7 f! e6 {  S' X- Yvar contentWidth;
& w& b: n) r: l7 d3 evar contentHeight;
) f( m& ]% c. z) yvar maxBallSpeed = 50;
2 Z( {' U7 J; g7 }3 G
% ^; ^. Q6 @/ g% \: ?; \9 a4 i( L9 {
0 Q5 b! h: |; h# q/ e" `* pvar xMax;
' t, N6 ~* g- R! f' }- _% U. `! ovar yMax;/ P" p3 s0 L$ D4 I; I
var xPos = 0;" }- A8 J- X# \. v2 d% {( K
var yPos = 0;. [1 h% k5 V/ j! @
var xDir = 'right';9 _0 F4 Y& J5 j; p* l( V
var yDir = 'down';6 G. o& x( H* n4 O
var superballRunning = true;
+ a- b* A, q* [0 g+ L. c% c: N$ ovar tempBallSpeed;# W/ p0 D* r* U0 y" ?
var currentBallSrc;0 N6 f/ z" ^. ?% \8 X, \* T' U
var newXDir;6 P) f! F  O' ]2 E, b5 [
var newYDir;
; s7 L1 t! d: v3 z4 B" v, L5 r; f
function initializeBall() {
) P" s. W7 N  u& V. G3 N, O% t$ p   if (document.all) {; m" [2 |4 H! h# Z. ], D8 F
      xMax = document.body.clientWidth4 Q0 T1 ^; H% P& _9 d/ @
      yMax = document.body.clientHeight: e& {% p8 _7 m+ {" s
      document.all("supertext").style.visibility = "visible";$ M1 k* Q; ]$ k4 \* t" n) v9 J6 U
      contentWidth=supertext.offsetWidth
3 K& T8 X; P. y# J      contentHeight=supertext.offsetHeight  Z; a5 W9 u& D& b) e. q( N
      }3 u2 f1 ?5 p8 Z$ f: {) M) B
   else if (document.layers) {
) y1 R" R2 p$ u5 [% {) f5 _      xMax = window.innerWidth;9 O7 E" I, k3 p4 ]4 K1 g
      yMax = window.innerHeight;
. w+ h$ m  q8 }      contentWidth=document.supertext.document.width* c& z4 p6 j: T' I4 m
      contentHeight=document.supertext.document.height
9 J* b/ c( p9 Z2 O, v' M  I      document.layers["supertext"].visibility = "show";
0 ]  k8 N, ~, L      }+ `# Q3 q: c# G$ L- U& L
   setTimeout('moveBall()',400);" n8 S: _7 J# p1 ?7 m- B
   if (hidetimer!='')
  h% C# d6 r5 u   setTimeout("hidetext()",hidetimer)
; p. Y4 ^5 Z5 I: f7 c   }$ w3 \* e$ z5 q  F

! P6 r7 K: q0 D, Afunction moveBall() {/ R( O) ]# ~# v# J, C
   if (superballRunning == true) {, q* u7 O- {0 W8 Y$ v1 ?
      calculatePosition();
2 V+ r1 _7 I: U/ A* l      if (document.all) {
$ r. {- _& C& n; s5 S8 t( ~. y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 l' w0 ]4 V1 S/ e1 e" ~1 I         document.all("supertext").style.top = yPos + document.body.scrollTop;
0 x" u1 V& Z+ R  j) d3 ~; O         }
* D8 R" @. M$ q% ^# s$ z      else if (document.layers) {5 u; c3 Y' \4 D! {) B9 q
         document.layers["supertext"].left = xPos + pageXOffset;# n5 ?0 z4 ~8 l- A1 g: [; h
         document.layers["supertext"].top = yPos + pageYOffset;
! K1 _: e: X( f3 `: j) ?         }) w/ X% a$ D1 X- k
      animatetext=setTimeout('moveBall()',20);
. ^  ^: K( G9 r      }* J( ?9 a: r. G; w, @3 A
   }
# p0 f5 ?/ P1 A0 h4 l7 P# @8 V% u& e0 Q" q1 x/ m4 @3 b
function calculatePosition() {
  s* t+ k% n. N: z1 A  N" J8 u   if (xDir == "right") {  p3 s) X/ ~8 ?# w( Q, _) \0 A! v! Y6 l
      if (xPos > (xMax - contentWidth - BallSpeed)) {6 [3 H/ z. b4 V( h" k+ j
         xDir = "left";; t( |# u" u7 G/ c( z, x5 F
         }4 B$ k& F3 d+ U! E: n6 K1 Z5 F
      }* h" M5 G5 h3 ^/ n1 j/ h
   else if (xDir == "left") {) O5 f) p2 }5 Z# _
      if (xPos < (0 + BallSpeed)) {
' X# \5 H/ ]8 q# O5 Z8 K: X         xDir = "right";6 Y9 \* W5 M- E" {/ _
         }
0 Y  s8 b% U( |3 F( Q: _& D7 n+ g: E      }
6 F6 |9 A! y4 X: H   if (yDir == "down") {
6 h, d6 x5 t- q, ]- q$ X: P      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 y' I6 w- I/ O( k1 ?0 S         yDir = "up";
( K5 M2 F4 w1 G  F. L" c1 y, ^) C+ f         }
1 ?% [, l+ g0 P! T      }
% q/ w) q) g( m0 L# v   else if (yDir == "up") {6 Z- o& W4 {& P; c
      if (yPos < (0 + BallSpeed)) {( E  ~3 E. `8 M( w' c0 }
         yDir = "down";
. U" {/ ^: ]( n' G         }, G, ?$ o" h' e3 l
      }
! b! K( S1 P) U3 `   if (xDir == "right") {. Z" B' a1 D4 l8 m; C, P. q# c4 s
      xPos = xPos + BallSpeed;6 b& L, Q; x8 `* t
      }% k2 t( v1 \. K7 n7 q% ~# l
   else if (xDir == "left") {
0 Y( H! {- b, O) ?) c  D4 F5 z      xPos = xPos - BallSpeed;) f4 j/ s. G- m2 I' d" {( A
      }
6 F3 T6 e7 V: k- t   else {' C$ L  p' p4 O" y4 b; b
      xPos = xPos;) X5 A. Q+ y2 {# o' z
      }( S! N( |# O9 I0 e* L7 T
   if (yDir == "down") {6 ~( h% H6 }7 w
      yPos = yPos + BallSpeed;
) l' n* c& t/ n* `, @5 z/ s5 ]; v      }
' Q! S- Q: |" I+ _  M   else if (yDir == "up") {5 X" q1 W! e. W' }2 o* p2 }
      yPos = yPos - BallSpeed;; A" A" N$ A; i
      }6 e  c: R  l4 Y: ^2 F/ r
   else {7 m; @2 o6 H4 |7 Y
      yPos = yPos;% ^1 ~0 O! V) c- s
      }- X# c8 a( e8 R, H1 O- Q
   }& M) J% ^3 E5 M. R/ U

7 ?/ M7 J: C0 O' _* A2 C  ~function hidetext(){
7 I. d/ O7 p0 v7 h2 Pif (document.all)
5 N9 i3 _2 k8 k" |8 psupertext.style.visibility="hidden"
; n% V/ L' x8 c! @/ S: E  ielse if (document.layers)! i# n3 a, L8 Y# ^1 _
document.supertext.visibility="hide"2 C( M/ N* ?# y
clearTimeout(animatetext)
$ ^9 j+ X& x. [  r& z4 m}+ v, V3 }8 K6 q' R$ i5 q! F2 F" I
3 v! |* _  o% T, q8 W6 t
if (document.all||document.layers){
" s4 g! C2 F. Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) j" s; j' S: F7 {' L! A. y% Nwindow.onload = initializeBall;
- o9 t0 [. S. g9 G6 o& bwindow.onresize = new Function("window.location.reload()");
( I: K' p2 T: F0 _! s( _" p}, @% }) B) g# G- Q5 x8 X) b3 s
4 @- l- G; _- T# a9 v7 p3 J
</script>