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

zw2004

<style type="text/css">/ D% h  [$ {  _% [
#supertext {
; J# H( s/ i. z- R5 _position:absolute;
6 R5 t9 ]/ w- j3 m$ c( T4 f/ _* ileft:0;( G" i* ~! B$ v; q  L0 V' G$ G
top:0;% F3 ^4 F7 S, d
visibility:hide;4 v0 K# S% P) h
visibility:hidden;
" E+ J; i% c7 @4 Q) J}3 a2 g8 ^5 V; Z/ b/ ?6 T. y
</style>
5 Z8 F! e0 D- K7 j<script language="JavaScript1.2">
' P/ J, o* L4 A" c: W: t5 D<!-- 改变下的字体的大小。颜色-->, x( E: `' I, {& p' {* r
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& O! h4 s; e+ y' N) D
var hidetimer='';3 _: x5 p: i/ x# p; k
<!-- 改变下的弹跳速度-->& Y! U7 e" W3 w! Z8 ]
var BallSpeed = 20;1 b1 D$ c  R4 ~+ z+ y: S
var contentWidth;- m( T/ j5 c! s# H
var contentHeight;+ w% r7 Y- C5 e! \$ c: ^+ i$ |# B
var maxBallSpeed = 50;! ]# m2 ?% ]) Y

3 Y9 K5 l! |$ E0 j$ k6 P/ Z" D9 `0 R( T: e, h% O0 w& Q" N$ j$ v
var xMax;; o1 O+ A& o( r; ]
var yMax;
/ Q; L3 g, g, p  Rvar xPos = 0;
7 S+ @' B# S9 {8 nvar yPos = 0;
8 u: f+ W2 b8 l1 \var xDir = 'right';
+ \0 a3 a! n: a! D3 T# Gvar yDir = 'down';' i% x4 ?5 U, \6 g' g4 N5 @+ s% f
var superballRunning = true;
+ M" q" H3 K: _* w2 M7 }2 E! Evar tempBallSpeed;
3 m, P: a# A" O6 ivar currentBallSrc;  v% v: r0 j* z3 x* \. W: \2 y
var newXDir;
% m8 u; W# i7 K$ g% P" k; bvar newYDir;  R6 `+ `- \4 C. w0 w7 T4 K( [( O
0 ]0 y2 O0 y. l, R/ i: B! l1 y
function initializeBall() {
6 u  m7 U% x9 s6 o3 t; r   if (document.all) {
+ f9 o+ v* o2 ^! v- {      xMax = document.body.clientWidth
  n" {. d) P4 z      yMax = document.body.clientHeight2 F; p$ d# u0 Z) g/ `4 F
      document.all("supertext").style.visibility = "visible";
: L9 S% U, S/ Q; Q, J4 o/ b" Y      contentWidth=supertext.offsetWidth
; y1 ^3 m1 W* g; w      contentHeight=supertext.offsetHeight  E# s+ n  \5 f. B2 R& U& E+ w
      }
4 q/ U: H9 ?$ y2 A% N. Z8 |   else if (document.layers) {9 `/ c( O4 h9 I
      xMax = window.innerWidth;
: Q) \) F2 Z* Z9 B' ?# f& V      yMax = window.innerHeight;
! P; K4 U& w  |6 N5 m) j0 E1 `5 r      contentWidth=document.supertext.document.width3 i2 K  H- h' f9 [: B0 L/ a+ y3 t
      contentHeight=document.supertext.document.height/ a) d/ b% n4 ^, S' T  E
      document.layers["supertext"].visibility = "show";
/ ?; ^7 w" \; t      }
$ f2 E" Z9 R. E: x: P6 a   setTimeout('moveBall()',400);
3 L' _/ P$ G) z/ I. Q! z' N   if (hidetimer!='')- I0 h" T  `% h: O
   setTimeout("hidetext()",hidetimer)1 W+ J% g# \. }9 ^
   }4 H9 p. n8 U; J/ i% s

4 G; l3 \8 M8 {) I1 Hfunction moveBall() {. p' b6 u4 D. M4 [
   if (superballRunning == true) {9 i* [9 a& x* o& S  z0 G
      calculatePosition();) m4 `3 P- V# c6 f
      if (document.all) {1 p! c/ W& L# W6 v$ e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 r$ Z. Y+ O& c" R! i) g
         document.all("supertext").style.top = yPos + document.body.scrollTop;' u& }# X2 h2 o2 j
         }
  y4 w+ |! H8 C. w9 h( l8 e      else if (document.layers) {$ m, E8 t% S# |$ \2 S
         document.layers["supertext"].left = xPos + pageXOffset;
+ ]. O( k. N3 f+ H         document.layers["supertext"].top = yPos + pageYOffset;* z. i0 l$ s3 z) P+ H; A6 }
         }7 r/ r0 n/ l) _' W" z
      animatetext=setTimeout('moveBall()',20);2 ?! k8 [3 d1 _# V
      }& c, g. j. ?. J( k; @
   }
+ P0 b2 o; h  F7 H; z) ]* k; i9 Y# n$ T0 K5 u% v
function calculatePosition() {
2 E+ x0 ~3 g' x, [9 {   if (xDir == "right") {
7 B, O1 j$ D5 Y1 H' M      if (xPos > (xMax - contentWidth - BallSpeed)) {$ v% t( `& [, l7 r0 V+ }
         xDir = "left";
5 h) V/ R; k0 [# i2 d         }7 w) D1 l! j8 {7 b- F4 z
      }  h* Q* ~9 K" }9 @0 W( O6 B  o; R! [
   else if (xDir == "left") {
" f6 l  k2 r, |0 _& m: V      if (xPos < (0 + BallSpeed)) {9 G3 ^  }( J5 S! ]4 A
         xDir = "right";
2 j% P8 W2 g: R3 L         }
& K9 Q+ E  _/ v4 @      }
4 P. ^' x. W" M3 a. j   if (yDir == "down") {
4 M  Q) N! B1 G  u/ i! f; v- c: p* a      if (yPos > (yMax - contentHeight - BallSpeed)) {! R: y+ [- C! m0 G1 r  i8 s
         yDir = "up";
0 I8 Z. ^* i4 m! r" Z8 I         }
( e0 i5 Q  H& c2 P/ ^9 p2 t      }
! B( x/ ^- x% X   else if (yDir == "up") {
$ j) L2 s" ^) Z) D' R3 `& F, d4 V1 A1 ~      if (yPos < (0 + BallSpeed)) {
  i1 r" Q" K: i         yDir = "down";
. J+ [5 E: o8 E2 S% [5 \         }) q3 A0 [' r& |: N  R5 P
      }
  D5 y( P  K4 B- B' v   if (xDir == "right") {* |0 |8 \9 ~$ i0 v
      xPos = xPos + BallSpeed;
8 @0 H+ G" F3 n0 r: \) ~      }! [9 |- X, @2 M" G9 x3 B3 z
   else if (xDir == "left") {
+ }/ `0 z' u  ]& A/ Q- q4 k+ R4 ]      xPos = xPos - BallSpeed;9 l2 W, f/ P3 l6 [: f+ P* H$ @- f: X
      }
& S! ~0 l. o/ J" ]6 O3 g3 V' F. M   else {2 T5 p/ b% l# \8 C5 l8 ]9 ]
      xPos = xPos;
9 S8 p% O$ a1 _) ^, Z# I      }7 v6 q& V6 \, r0 L, _
   if (yDir == "down") {
" N- R4 U4 ~6 [) B3 z      yPos = yPos + BallSpeed;% h8 p( n/ f9 m3 S% y. e& X' ~
      }  D6 m3 w7 D. q1 t, C% K
   else if (yDir == "up") {
7 Y! c# m3 s5 z1 W: M: ^6 M      yPos = yPos - BallSpeed;- b) p: a7 `4 }4 w
      }9 A' G* P4 r0 T$ t, T& n3 C7 E- u
   else {
0 a% S( ?3 v$ a) E$ x0 P      yPos = yPos;3 n# s* o" E7 _2 m
      }+ m1 \" _3 i  S7 l7 E- Y* L
   }
$ t/ s% \/ T1 @/ G
1 W* n6 b  v. S3 g% ufunction hidetext(){# L4 |8 m3 c7 \: e  f& |
if (document.all); A/ k' L) ]  }3 B
supertext.style.visibility="hidden"9 `1 N) a5 j6 k1 m4 l4 S. {, _
else if (document.layers)
! `* v- v1 Q) h: g% W9 O+ g/ k5 o" {- Hdocument.supertext.visibility="hide"
! b7 V0 H9 M3 UclearTimeout(animatetext)# F& A2 L7 W0 v2 _
}
: i8 k; B' W4 U
  `9 {/ U4 J" Q3 xif (document.all||document.layers){
' ?2 |: ?( X& J% C  E- g; Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" _/ M- Y! v9 U) S& E4 p9 F2 @
window.onload = initializeBall;
! Y- i+ }. h* G' `$ kwindow.onresize = new Function("window.location.reload()");
, f0 ?; b; [( D; C0 s2 |5 S) `! Q}) L4 E% f% [' r* M; f' |. c: Z0 W* F
3 l. ~/ }6 m/ T6 l% T
</script>