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

zw2004

<style type="text/css">
% v+ l) r) Z' E/ U$ ~0 j' F#supertext {
. Y; U# m. q4 j9 Uposition:absolute;
( _5 X" B2 ]3 u+ Ileft:0;
2 W, \, A3 e" H' R8 h; n/ n0 _top:0;% P3 Q* W" O* I3 m4 T
visibility:hide;
) R6 t  u- ^; D+ |' W& Evisibility:hidden;
5 A5 l3 I/ a# D. D' r}& r  D% X) N8 m3 H2 x
</style>3 z. U$ B/ P& e2 ?7 ^1 M
<script language="JavaScript1.2">
) A4 m0 Z. E: k! L9 Z/ G<!-- 改变下的字体的大小。颜色-->7 |! A) G, ~* ]) B, C9 U! [5 C
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* D% ^, O# x# }$ _( C5 Z
var hidetimer='';
" X7 X& J0 ]! e  `<!-- 改变下的弹跳速度-->
& B5 T4 I: g& L6 T1 G: G; dvar BallSpeed = 20;' \' e( y# R8 d* N  B( A
var contentWidth;6 b8 X+ F/ j1 ~$ I; q$ e
var contentHeight;+ j$ f1 G4 y4 }, i
var maxBallSpeed = 50;; s4 X& m# V  D
: y' p6 T  t9 t4 i% D  V
! Y6 p+ m7 p, |3 Z; f+ a
var xMax;; k; _( p& E5 ~; w4 H
var yMax;5 W1 U# h& e3 A( f
var xPos = 0;
8 I8 m: {: U% o, ]& uvar yPos = 0;6 M0 o" ^2 f+ H) l
var xDir = 'right';7 P% p. c; ~8 q7 T1 K+ w/ H
var yDir = 'down';
5 Y2 n; q5 M; @var superballRunning = true;
* T' F$ h* o4 q4 evar tempBallSpeed;" i# p" G- e% H7 |: f9 b5 G8 _; x' E
var currentBallSrc;
! r+ f; B" j, W9 z7 }- nvar newXDir;% b9 H+ C  A) N7 L2 |/ q
var newYDir;- D- S) ~0 j& X8 q
; y, I; G( N4 x* H' a: B5 p" y  J+ Z
function initializeBall() {! J1 }2 _% a+ s, i
   if (document.all) {
4 @2 F- M- b' y. M  l+ K& P      xMax = document.body.clientWidth: _. H7 h( Q9 u1 L
      yMax = document.body.clientHeight
$ A. B7 ?  B; @# ?* F' b5 J      document.all("supertext").style.visibility = "visible";3 J  J7 n# s. L( |# [( `
      contentWidth=supertext.offsetWidth4 b$ J- A( S* f) o
      contentHeight=supertext.offsetHeight
& {6 {. i: Q: L# H      }. f$ L9 B/ F( \; w: ~! j( U
   else if (document.layers) {
/ U( n. D% A$ }6 h/ `      xMax = window.innerWidth;
$ B6 L% y2 I* J3 f3 S      yMax = window.innerHeight;; U: U; n' m9 K. b
      contentWidth=document.supertext.document.width
$ n) u" p  `5 i, X2 q      contentHeight=document.supertext.document.height$ d! R: y, s. a- r/ q
      document.layers["supertext"].visibility = "show";
0 t5 w  X2 m# K9 l1 A$ E1 g      }1 j2 y4 {1 ^% s" l8 K& e" A
   setTimeout('moveBall()',400);
7 g  p, B) }/ _2 v3 }6 v   if (hidetimer!='')
% e. {$ J/ b, V- X, `! e2 }3 L6 E- h   setTimeout("hidetext()",hidetimer)9 s6 S( W$ F; J
   }
8 K; y5 d6 L" y1 M1 s0 E
. g" K3 }& O( M) m. tfunction moveBall() {
1 r' `' k* i) [+ d* F* e" |   if (superballRunning == true) {
3 n; O* ^' p6 a/ h' z, Y( K      calculatePosition();
0 b& M. }4 C2 ]2 ^2 B9 V( h4 r      if (document.all) {% A9 l# g5 I, E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) J  N& U' K3 X& w" i$ n/ F: B: @
         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 B- t7 c; G/ H; l2 Y         }
7 l* n0 e" g2 o2 `  ~+ C      else if (document.layers) {
- M, O$ Z( u0 V0 x8 Q( |5 Z( y         document.layers["supertext"].left = xPos + pageXOffset;
% ?) o- V6 a8 Y( J2 t: E         document.layers["supertext"].top = yPos + pageYOffset;
3 ]& e7 L) C4 E* L8 a# r! o         }9 h( Y. k  S; X, s& m/ |/ C; H
      animatetext=setTimeout('moveBall()',20);5 B" m3 u: H8 b( n7 v- P
      }2 y* Q# }2 ~# _" l- U3 {
   }% D& y" d4 @5 E7 W
) o, y8 x% j& k8 v' r
function calculatePosition() {5 c* ~5 @  `8 X0 l' c" y+ ~3 F
   if (xDir == "right") {
; O- c) D2 \! i      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ S8 I! m! F/ u; Q$ L7 F- s         xDir = "left";* u! E# I9 C# z6 n4 x
         }; {7 @/ h) W+ r4 o6 I
      }
* u+ T# ?) V6 _' @' J( n   else if (xDir == "left") {
$ S4 @. Q$ c% o      if (xPos < (0 + BallSpeed)) {6 a$ p- a$ p& u4 R1 P( r7 x, ?$ o" e
         xDir = "right";. W0 X2 J. H5 R3 I
         }+ r3 E2 k) f$ z
      }
: w5 @2 r9 p, b1 G- }   if (yDir == "down") {
; E  x% j$ q3 r3 P, V6 t, Y4 {      if (yPos > (yMax - contentHeight - BallSpeed)) {
4 y7 x) }1 c# F4 {+ p* I         yDir = "up";
! R! B( H5 x$ X3 t  c         }
$ N# e% j) H4 _2 }" D& V8 ]      }
, v8 T& N; S% n/ h. N$ W2 u   else if (yDir == "up") {
- S$ z7 `: n# h) r      if (yPos < (0 + BallSpeed)) {( H9 G- t. o$ @$ r) o
         yDir = "down";9 F4 ~- J( C( u( a
         }. y0 J" A9 S: w: S, ?" d$ n
      }# Q- B/ C, T5 \. Q! i
   if (xDir == "right") {# r8 N8 M0 X  {1 {
      xPos = xPos + BallSpeed;/ [+ c5 Q) x5 ^& L
      }2 D# f" U; |2 U5 G* w3 x
   else if (xDir == "left") {4 E& A& N! ^- P" b' G  C+ o
      xPos = xPos - BallSpeed;. B4 [- ]- J) S; P6 c+ u
      }
7 {/ L: G' h; G   else {
! s5 P6 D1 }4 F; R4 k      xPos = xPos;
) b3 T2 D" P) a      }
7 s3 G/ F( L) m3 c: d   if (yDir == "down") {: [* z0 d7 a2 E
      yPos = yPos + BallSpeed;
* j+ r4 J1 [; Y9 k8 U# Z6 }+ l      }$ V, g/ O- x0 N  w
   else if (yDir == "up") {
/ y9 {) X4 F- j+ t/ ?      yPos = yPos - BallSpeed;
& W4 t; ^2 w3 L6 c% Z; N4 O2 g      }
4 x! h4 _9 k& [( f1 _. D   else {
/ T% G% [' _; M1 J! I8 i8 K* x0 V      yPos = yPos;
5 @4 T/ u+ Y" ^  C      }
' e- k& M$ ]5 G" O& c   }
3 ]' Q$ }1 d' t1 d) t/ p
$ p- Q, Q' C) r* a7 Cfunction hidetext(){1 S' z1 z5 R  c2 j
if (document.all)' p% G2 I! {6 |. h2 ^7 c, ~& S
supertext.style.visibility="hidden"6 g; K% k" `% W" w. ?2 W
else if (document.layers)  ?, O, Z8 ^) r1 L2 |
document.supertext.visibility="hide") U+ \3 E) j1 m4 K, A, [
clearTimeout(animatetext)
. g* A( G. R3 e4 f}
1 G7 B/ ?6 r, C. n/ H+ K6 b
2 A) Y8 @4 p4 j3 B" p* O6 pif (document.all||document.layers){
/ M6 p$ x8 g3 D" F/ M  c! r3 gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 e0 [6 _. `2 W- F+ N2 f% L: B
window.onload = initializeBall;6 ~7 e) n- I) Y9 B. P- r
window.onresize = new Function("window.location.reload()");
  \) z0 }1 I. p9 A}
  Q7 H6 t* `$ E( T) S# ?9 G5 o4 i" a! J4 P% N
</script>