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

zw2004

<style type="text/css">
: a5 G+ x! _6 r: F- J( ]8 T8 J#supertext {
. t5 \5 p( M: M- c  b7 Wposition:absolute;& v# w; l7 c& G# `* S; z. B
left:0;3 R6 }) i6 v/ t( s; H
top:0;+ H; r( `; b5 w# m( J; \: r
visibility:hide;
2 p# B+ p. r9 @5 j3 ~visibility:hidden;7 D+ K# q$ x- @6 G( S4 p
}
$ ^8 X1 _3 V" D* W- w, f$ c</style>
  ~" @/ d' i8 D8 S& h<script language="JavaScript1.2">4 N0 X" O0 L' }' `2 b- B% y& c
<!-- 改变下的字体的大小。颜色-->
+ \) b9 D! {" g0 p8 Bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 X& p$ K9 P5 z1 B8 Q; jvar hidetimer='';& ]' K0 f1 i7 L1 O
<!-- 改变下的弹跳速度-->) X' d4 \  R4 H, {" Z
var BallSpeed = 20;" D* v+ p2 p/ C$ p% I- L' u
var contentWidth;
: d8 ]/ W/ k( }9 n2 Kvar contentHeight;
! T! p& i; y9 ~( [; gvar maxBallSpeed = 50;
0 o* o. F8 L3 `0 e* S- v: R
0 g7 N: x6 a. y, ^& S2 V
3 H3 ?5 [! N: Y6 u0 o$ Hvar xMax;. Y9 g/ s5 J. x3 s' ^) t: h
var yMax;% P4 {7 A! x6 ?+ F- t' O3 [' a
var xPos = 0;
: Y9 I$ |# z1 D  {7 Hvar yPos = 0;$ X3 Q' C& C5 S+ e* x# n, M) `5 n3 T
var xDir = 'right';
* ?2 X- y, z$ u0 fvar yDir = 'down';6 C2 ]2 L. m3 X# {
var superballRunning = true;" R$ C1 t' J( A3 ~$ ?
var tempBallSpeed;
$ i3 O2 ?% A' D4 q' Evar currentBallSrc;
6 ^! v6 m4 {* n5 Yvar newXDir;0 X5 z( U6 D; S7 N) x6 H9 U
var newYDir;
0 e5 |5 U8 J' k3 w) _
8 D  ?0 p8 _) W" z! u* @. w: Z% Ufunction initializeBall() {
6 s3 E8 c6 s  [8 T1 W   if (document.all) {5 M7 t2 t2 q: s! w3 _
      xMax = document.body.clientWidth! f, Q( I- T0 G2 J4 c( O
      yMax = document.body.clientHeight
+ ^# u, O; G' c( N& S0 i      document.all("supertext").style.visibility = "visible";
/ z5 K8 W0 G6 B  `$ H      contentWidth=supertext.offsetWidth
0 G4 ]& B' }/ F0 g1 F# S      contentHeight=supertext.offsetHeight
6 |/ b6 z* a& ^$ |: z1 m      }. w1 j# C  |- D
   else if (document.layers) {) w2 U6 n0 j' X
      xMax = window.innerWidth;% r) ~* [1 H: F7 @5 l  f
      yMax = window.innerHeight;, M$ P2 z0 T/ O( L4 ]* D4 s8 a" |0 K
      contentWidth=document.supertext.document.width
, A" u8 j3 m  Y. V# l      contentHeight=document.supertext.document.height
# B8 n' [( E3 E( I" n# Z/ s      document.layers["supertext"].visibility = "show";
9 r, I- c+ k, B" p$ ]$ J8 \      }
# ?% Q3 P4 O" J9 A+ x/ l5 P  H4 G& ~   setTimeout('moveBall()',400);
- W0 x3 t9 R0 _. p   if (hidetimer!='')+ @8 s0 u! I$ R/ q6 F5 j
   setTimeout("hidetext()",hidetimer)5 g" v- S% u8 \' C
   }
- ?3 x- C8 B% d& F( X% T' S3 d( X; F9 i3 |5 N, h1 ~
function moveBall() {
+ K4 f' X/ l$ E$ q   if (superballRunning == true) {
3 B! R2 o' N6 Q' C6 ^      calculatePosition();
( m/ O" [: J7 l+ P- J      if (document.all) {
) ?. H1 e' ], \# C+ o$ D, \6 {* Q7 B' y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& c+ _: x/ K$ R4 M0 e" R. f( X         document.all("supertext").style.top = yPos + document.body.scrollTop;
& m9 U* ~* i. A1 p! W: u         }
! s! |+ G, B$ Q7 w+ n3 N1 [2 b4 O      else if (document.layers) {$ G; }1 Y, T4 ^' a- G+ |- W
         document.layers["supertext"].left = xPos + pageXOffset;
) k* J7 L. x, U- V6 f         document.layers["supertext"].top = yPos + pageYOffset;
( s5 g/ U8 W1 z, f% p         }" y% P/ @" r8 f5 |8 |% E& u) J) G, @
      animatetext=setTimeout('moveBall()',20);& w0 P/ A3 d7 Q2 W1 s, W- |
      }
' S7 d) [1 H1 m6 _   }
' s0 j# D( @9 J& c" j- b
/ L1 B0 U  Y( l# n6 V6 `function calculatePosition() {$ A% T6 P* [3 h( ?# _. w# r) q
   if (xDir == "right") {+ d" d% t. W/ f1 I4 H
      if (xPos > (xMax - contentWidth - BallSpeed)) {6 k/ ?, H5 B, Y$ U; f8 c! Y
         xDir = "left";
2 V/ b3 b. m6 w) |2 ~         }
* V2 u; ~* k. e( Y/ ?0 T      }
/ G. A/ j0 \/ m) z' p$ L   else if (xDir == "left") {( L' b& C4 C1 }! Z
      if (xPos < (0 + BallSpeed)) {
+ N1 O2 f5 Q8 \1 l4 v6 }7 m# Z5 F; a         xDir = "right";
' |$ `2 q5 K( D( p         }7 z  S8 D# q& ^/ h$ G
      }
6 k# g1 w, z, }   if (yDir == "down") {$ T8 g4 U; H; U) b9 A
      if (yPos > (yMax - contentHeight - BallSpeed)) {# f- R6 F( J1 W% B3 v
         yDir = "up";
; U1 D: _/ r& X; v  D1 e         }) b3 M/ W% z+ E' N
      }
! N2 ^! u- M  I5 ~! S& f9 C# i- m2 O* Y   else if (yDir == "up") {
% C- m+ U/ T0 N  G. B$ Q* K      if (yPos < (0 + BallSpeed)) {/ H* t0 o* v- W& {. O5 L
         yDir = "down";* w6 ^( ^5 |) _1 j" m
         }, f6 G- x8 A9 h6 N) o
      }
) E3 g* t1 B6 n5 O0 q. \# R   if (xDir == "right") {
0 J" p1 m+ D+ J' K: C      xPos = xPos + BallSpeed;
8 e2 w& g. n3 {1 m      }- z, w9 X( l5 C  N
   else if (xDir == "left") {
- Q1 }1 n3 P; i# u8 q! q3 R      xPos = xPos - BallSpeed;
( G2 |' `/ {2 Z: f      }1 i; P8 L7 [, K+ a/ K' D
   else {
. s$ M0 ?7 X. l8 R. a2 k      xPos = xPos;- V/ ~# q6 }6 Y* t7 i+ ]: L
      }
$ K4 h2 \" v. Y( ~, k0 @   if (yDir == "down") {! M1 [7 g2 q% r- X! L
      yPos = yPos + BallSpeed;
! O" Q7 o5 S9 @. g      }
, r( p  N4 K; a1 W   else if (yDir == "up") {
% z; D" W. P9 r* P* p      yPos = yPos - BallSpeed;
, `$ Z, m. ]. \7 w8 }9 P+ A      }
1 r0 ]; {) G4 L$ s  Z3 K$ y   else {% j* O* ~( K+ ]4 g/ B: @' D
      yPos = yPos;
7 U! E  [  _- F" I: G4 ^      }% r$ Q. Q$ _; W' P
   }
+ n9 X3 m: t( O+ D' z& r: f+ F- G/ a* u9 e$ |0 c
function hidetext(){7 [1 u1 Y" U6 {
if (document.all)8 K8 H' q( A9 U
supertext.style.visibility="hidden") K; M% F/ ^; Z! b6 G6 c5 C8 A3 D
else if (document.layers)- A/ ]; s# h- T* G" Z3 o! T9 k  E
document.supertext.visibility="hide"7 j# M: y* B! W- P$ ^' g# D7 S
clearTimeout(animatetext)0 J- ]3 g- {) f5 S: N1 l7 J
}
$ [8 Q( W- y; [2 M6 x1 U& l3 X& J; D2 H; l0 K
if (document.all||document.layers){) G$ N: O4 x  ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( C- D' g8 b, [! A+ l% zwindow.onload = initializeBall;
2 b4 G& W( I: V1 D/ u1 {; F+ X" Zwindow.onresize = new Function("window.location.reload()");
; p6 v5 J* s; J: l0 A}# A- m7 V  W5 X0 }
* s  K& R! E" ^, p: s" N
</script>