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

zw2004

<style type="text/css">2 }3 y( Y( }( S8 c: X9 ]) J
#supertext {
# G  d, `3 n& T8 j/ R" fposition:absolute;
1 x- O6 G% U8 eleft:0;0 |3 ^, H- |% ?" m5 X$ x
top:0;
) [) D. y! o5 v# I) e; Yvisibility:hide;  R4 {2 r" `. l. b& ~
visibility:hidden;- _5 |+ k6 V6 P, |
}/ i# M1 z, o5 ~! g
</style>
  s% ?' Z/ S( P. X8 H0 x( \<script language="JavaScript1.2">) H8 `( \: K& S$ H; L
<!-- 改变下的字体的大小。颜色-->) v, @- b# {" D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& T9 c8 r7 e% j3 xvar hidetimer='';
8 [1 o5 q6 G8 B* I, |<!-- 改变下的弹跳速度-->
- W, C' @9 j" a& `+ r" m+ X8 O! R( Uvar BallSpeed = 20;
$ |" U' u8 B) x6 l% s( _- ivar contentWidth;0 v* M* _0 _3 [* n* y& o" \
var contentHeight;
6 K/ F$ J# A: s' F2 _: `var maxBallSpeed = 50;
  F8 h% {/ p8 i0 p' T2 F/ N$ l
3 T! J8 O4 V/ c- r/ K, T( ^$ W8 ^/ X; k4 \# x
var xMax;
$ `4 N7 P2 M+ H# m, Q0 K% i6 b# svar yMax;
3 Q( m1 z+ W1 |; kvar xPos = 0;% u7 u' G! B1 k* n- Z* p. g
var yPos = 0;
1 v- F5 f8 s/ i6 f1 I6 }var xDir = 'right';5 t6 ?5 O* y) s( [$ P0 x
var yDir = 'down';
7 J' A* \2 I7 T# |var superballRunning = true;
) x& B* c4 r+ F! k! A( J  |3 A* evar tempBallSpeed;- H  L5 M# Q1 J7 |+ x
var currentBallSrc;/ p; l/ n3 h$ L, W! S4 h; D
var newXDir;. r2 Y6 [6 Q, @( z4 x
var newYDir;
( B" |% |8 k$ F  G" c% ?6 Z0 y& k9 Z3 u
function initializeBall() {
( C0 {/ D* v8 z( n   if (document.all) {
! X1 V& l' l8 X2 _      xMax = document.body.clientWidth6 M5 N/ |& A! t& o3 C5 E. h1 @# N8 Z
      yMax = document.body.clientHeight
' Q' o: x7 E: J' {" u' t( S      document.all("supertext").style.visibility = "visible";
, B) K6 C2 N* y, k# V1 Q      contentWidth=supertext.offsetWidth
2 f( a; M9 }  I, C/ ^      contentHeight=supertext.offsetHeight! {7 G+ Y" ^; V" ]3 u. C( ?9 \
      }
! z9 a- ?6 e( |9 j% t   else if (document.layers) {6 i% t0 ~1 u1 N* l+ y5 F9 W
      xMax = window.innerWidth;- @/ _0 c. N; j# G  }; B3 f. W
      yMax = window.innerHeight;( K2 r6 z6 @5 G, B  I# }
      contentWidth=document.supertext.document.width
7 M8 \! l: X9 Q      contentHeight=document.supertext.document.height
+ w+ ]3 n1 H* P3 J$ m7 q      document.layers["supertext"].visibility = "show";
, e" x+ r$ ~0 A5 c( V      }
. N: p  d$ l; J- s- ]! _" B   setTimeout('moveBall()',400);$ j) E; Y6 I" j
   if (hidetimer!='')( r: Y- ?% D: ^  y& i
   setTimeout("hidetext()",hidetimer)
; J- l& X8 D3 y   }
0 @8 Z5 O9 s+ ^0 x5 M9 \) y) H7 m) ?/ L+ o9 h5 M, Z5 n# O
function moveBall() {
; {( N" M! l& @$ x! m' C   if (superballRunning == true) {, c; O5 i2 V; _3 s8 [1 V5 v
      calculatePosition();
% L& [7 X' F8 q* t      if (document.all) {
! d! T' Q2 ]( r* Z         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 v5 F3 z/ i; C3 `( S% W) @
         document.all("supertext").style.top = yPos + document.body.scrollTop;
' L5 i7 }6 B& c& M5 S7 C         }; ]6 z; p+ k6 x: X2 A6 }6 T
      else if (document.layers) {. M1 A) f' O5 Y1 i
         document.layers["supertext"].left = xPos + pageXOffset;- N2 h! W) u' y; Y' Q1 m, L' E+ O% |
         document.layers["supertext"].top = yPos + pageYOffset;
6 C. G3 A5 |$ ^8 c( S         }4 a% v' W$ {% j1 U$ M
      animatetext=setTimeout('moveBall()',20);
8 }0 }: |6 I1 I7 l$ {      }
2 T$ O/ s/ `2 b, `" U! p   }0 q8 [6 C, i  i
; x8 `% n/ W# u7 z
function calculatePosition() {7 f, h, B, ~* _7 e
   if (xDir == "right") {$ z" ~7 q3 W- Q
      if (xPos > (xMax - contentWidth - BallSpeed)) {. _8 Z6 W- C0 M. f9 B
         xDir = "left";! I: U, ^2 j) a) V9 r/ i1 C
         }
' ?4 d. i0 b( R( i2 }      }/ C8 f. M  W9 z7 X6 s. `* g
   else if (xDir == "left") {/ W' z! v" g4 `/ R% [% e: a
      if (xPos < (0 + BallSpeed)) {
, u9 s# B+ i2 G         xDir = "right";
0 b- x- N$ Q0 g. }: F. U# ?2 B         }4 _6 P4 R1 I$ K- p7 C. v
      }2 x. I. l( o* `+ k! \7 h
   if (yDir == "down") {
, d+ Q8 h- O5 a0 h: d7 C      if (yPos > (yMax - contentHeight - BallSpeed)) {2 U! a  c( u+ n
         yDir = "up";  V& l1 d4 F: A* O7 g+ f4 l
         }
2 |8 W& Q5 t: h      }
1 y6 q8 ~3 D, Y$ A" Z6 `   else if (yDir == "up") {$ ~8 _& l" U! x5 l- ~7 z- R
      if (yPos < (0 + BallSpeed)) {
; R+ E4 _: b* X         yDir = "down";
  H5 f. ?8 v8 E" s6 w# d! \         }- X+ J1 V0 y0 e1 |' s0 N" g
      }" ^3 R( [# s: |) f, |1 ~4 p$ L) N
   if (xDir == "right") {
4 o) ]% M4 |8 a- H0 {      xPos = xPos + BallSpeed;
+ M) L6 i6 ^  V1 |  T/ H! {      }$ r9 U3 e0 ~/ b8 t# E# X
   else if (xDir == "left") {
; p# `0 l" \3 ]) C6 X8 S      xPos = xPos - BallSpeed;
- U0 l/ x# J; i6 T3 Q! G+ A      }
4 h% [5 |8 ?8 O4 S9 c& a# f& s6 h% \8 ~   else {2 D7 W# v$ ^3 E
      xPos = xPos;
8 w3 b. ?' ^$ m8 z      }
3 B3 N/ A$ y3 j5 k* G9 t6 I   if (yDir == "down") {7 C! f  f1 L5 s) r, D, }, h
      yPos = yPos + BallSpeed;
* f$ g. _+ Q: G6 s, O: r" |9 r$ g! e$ F      }
! W. U5 s$ k( a; b   else if (yDir == "up") {
' M' c  A) q, F, C% ]- \' {5 \* Y      yPos = yPos - BallSpeed;
7 E, ]- Z" ?1 d1 a' _+ E% Z+ t$ ^      }" F1 E5 H* a6 B5 @
   else {9 m& ^2 H4 ~3 @
      yPos = yPos;
, Z5 `. l8 H' |# J0 I) |6 P      }; T5 b5 I, j( Z2 C9 a0 P/ R! h
   }
. _  U4 j# L5 j- z* K1 J# F5 r9 b5 J
5 h7 J2 N+ c& e% J6 O- A* h% z, y) lfunction hidetext(){$ s+ J$ l) U6 d
if (document.all)
: b" h# U5 [4 e. m' b- }supertext.style.visibility="hidden"
( ~9 V0 U" P. |- T( Jelse if (document.layers)
8 F- C- @% t8 r3 e7 Y& v3 Bdocument.supertext.visibility="hide"5 K% ?) t+ V8 T- L
clearTimeout(animatetext)/ q0 G! ^3 H! I1 _/ K$ w+ i
}
8 n& _! V) y: a4 S# ?
6 \# W0 W& l: `- q/ v9 Cif (document.all||document.layers){, P$ t* q& e' D" I8 \
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& W6 }" @. ~- F5 qwindow.onload = initializeBall;+ R% L! ~$ e. s' k5 k
window.onresize = new Function("window.location.reload()");0 C3 @; P& C3 o& _6 S! T8 U& s7 b) L$ x
}! L" h+ X4 ^+ d! e
/ T4 a& c3 u: {6 X$ b: O% E+ M" q
</script>