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

zw2004

<style type="text/css">
1 |7 o5 |7 v( l#supertext {
0 z! }% |% o0 }* U* M+ n( Uposition:absolute;/ u/ C" i, [& {! f- N: l5 ^
left:0;
6 \9 R. H+ c) y3 W* E3 C0 ^; P7 htop:0;
  W' H: K$ B9 T1 o  o/ pvisibility:hide;
+ Z8 f7 I2 z! Pvisibility:hidden;3 z* M5 ~9 ?# K
}+ o$ h( F; u+ u+ i; ^3 Y
</style>2 K, B. b8 S3 _  ?8 m& l
<script language="JavaScript1.2">
# u, |- O# e' c$ d<!-- 改变下的字体的大小。颜色-->4 [" z& G3 {' A- F$ e
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ v. e; p$ \9 M4 Y5 l) w& yvar hidetimer='';) n1 f  T/ t5 C
<!-- 改变下的弹跳速度-->
# x( ]: c/ K8 ~4 rvar BallSpeed = 20;
- i( {2 l# v6 G4 ~+ lvar contentWidth;
3 B( }" y" g( q8 P8 h5 ivar contentHeight;
6 U+ n9 y( `3 H5 S# dvar maxBallSpeed = 50;
0 z8 m" i1 @4 F6 A& L2 O; j/ {0 c

5 |6 d- F( S4 d" O! Vvar xMax;, I7 d9 w/ n/ X( O( z
var yMax;: H+ r0 l  z! _2 M9 i! A
var xPos = 0;4 s" P' M" P; E6 l
var yPos = 0;
' y  H' L2 |9 X/ F& ~7 [7 ]) `var xDir = 'right';; ]7 w1 G2 h# v# @& T
var yDir = 'down';6 }8 v7 m; [2 ^' `' h% B/ `- _/ v2 g' j
var superballRunning = true;
4 L0 K2 A* K/ x/ qvar tempBallSpeed;$ H: [' o8 _4 J, t2 j4 H! T
var currentBallSrc;
& Q- I4 A: x. t* Mvar newXDir;% I1 }  ^2 n! j) Q/ X. m+ O
var newYDir;* r3 z5 X6 F% V

; j# W4 {+ x5 l( I7 y5 `function initializeBall() {; j0 z1 h  b. y2 u8 ~% M# @
   if (document.all) {& ~% _% c8 V! j! G' C
      xMax = document.body.clientWidth5 p6 Z) G& n4 I5 W( s6 k3 A) Y
      yMax = document.body.clientHeight  F2 X' R6 G: N% w8 Q+ e& x
      document.all("supertext").style.visibility = "visible";
: `' v9 N2 s2 ^( D5 Q" a1 v      contentWidth=supertext.offsetWidth! k; o7 A! ^, Q2 J% L  C
      contentHeight=supertext.offsetHeight9 f; K+ K5 ?- P$ D* o7 S0 t' x
      }
" B" F2 j! l# w1 z; [; k   else if (document.layers) {
' P* P' ^9 P5 d  z! M6 m      xMax = window.innerWidth;. O8 x: N& E; w9 G7 z9 f4 B) _- N
      yMax = window.innerHeight;
1 D6 a0 ^  ~5 ?4 }* S      contentWidth=document.supertext.document.width
# [, M# j/ Q* A& o4 B' E      contentHeight=document.supertext.document.height' a9 V+ H' P! J$ |  }) O9 E# ^
      document.layers["supertext"].visibility = "show";
' {9 O) Q( v  v) n* k# c! u3 O! x5 H% R      }: j$ W0 }+ h! `6 ?
   setTimeout('moveBall()',400);
( q: l6 m& R* Q# I9 [& J. J   if (hidetimer!='')
" G  ]: L% c/ y* E   setTimeout("hidetext()",hidetimer)
6 q( b# Z- A* R9 h; m   }
! Z1 J1 M) v* F3 |, h, y" i" B7 Y/ N/ E$ k8 f0 A
function moveBall() {
5 i. N+ M3 ^' W+ H4 M5 O$ I& B* g" O7 K   if (superballRunning == true) {6 ~: `, {/ ^+ [
      calculatePosition();* ?; `% S: m/ C2 ^3 @  P# k" q
      if (document.all) {
5 y& {* ^& k# b5 \7 Z9 S' Z9 N3 ?         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( l2 T) O6 M% E/ Q* A4 {# q         document.all("supertext").style.top = yPos + document.body.scrollTop;7 F: @$ _1 L* P& C# I! f* |
         }
, O) i% U6 q# P( n& [6 ?( q5 n      else if (document.layers) {
6 n  r# Y/ o. n+ Q) X         document.layers["supertext"].left = xPos + pageXOffset;1 W% i6 N6 z1 J; s8 \3 j
         document.layers["supertext"].top = yPos + pageYOffset;
# `- C" C, i  \: D6 W         }
! x" f! `6 v9 f* G+ F2 R      animatetext=setTimeout('moveBall()',20);' a& {% @5 l" T
      }! D6 V% |! C2 Y( M
   }
3 K% J1 P$ D/ P1 c0 f+ ?: ]- m4 e: n  ^) c" R% U) o
function calculatePosition() {- Q) B2 ~" _# k
   if (xDir == "right") {/ W5 B2 D# r! N+ _
      if (xPos > (xMax - contentWidth - BallSpeed)) {2 ^3 u8 V2 N$ E) T/ u1 C& H8 L! s
         xDir = "left";8 F3 h, P, q( h; H2 I
         }
) H7 U+ l3 c4 S, z      }
4 C& I! h7 K, M; @  r* `0 h   else if (xDir == "left") {/ Y9 ^: Q) ^9 G2 }) z1 G
      if (xPos < (0 + BallSpeed)) {
8 T+ X& p8 b+ C         xDir = "right";
+ R% F' s6 q* J) S1 ?- y) Z3 P& M         }
0 d. l; s  p1 r( c/ J( b      }) _( N% }4 h1 R
   if (yDir == "down") {% N6 E  j* q' f
      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ H( S# s$ f5 K3 Z0 o+ O; l$ t         yDir = "up";
+ s% j4 N  ^& s' k( n& X4 G         }
. Q& _' a. F( j& I# X' l% e, h      }
! P5 Z/ n5 u' K) e2 @. P# u9 y   else if (yDir == "up") {
  {$ [& }: y4 j: n: y4 Q9 G! p1 y; ?      if (yPos < (0 + BallSpeed)) {
/ v# w' e- X; K# q: l; r         yDir = "down";' L) H' h4 t9 H
         }2 {% ~* [2 y; M
      }
- z3 {) L/ {( m% `   if (xDir == "right") {% t" g3 K) U, @  s* C
      xPos = xPos + BallSpeed;& F  ?  Z/ u4 n" N3 E& A
      }/ m! T& g- W  z* V9 r
   else if (xDir == "left") {  g0 h; ^: Q4 p+ O: `5 A% d& j, Q, c
      xPos = xPos - BallSpeed;0 e: Z& Q2 y; ~3 H* n
      }  H, {9 l/ F- l# a1 {" d
   else {3 l! r, M. B" _9 P  E- H% F
      xPos = xPos;$ w/ e9 S- s6 C
      }
8 Q7 D: V- q  }+ n8 h   if (yDir == "down") {. f1 l8 u3 W* {  T$ N# [( Z4 C
      yPos = yPos + BallSpeed;9 j" ~5 U  Z, K9 v8 c
      }1 H/ {" G! ^$ O5 H# c% I$ J3 C
   else if (yDir == "up") {
4 F" c. ~6 R; @* A" o, j! f$ H      yPos = yPos - BallSpeed;
2 W0 ]. O6 b2 c9 ^- s; r+ M      }
& [3 b( W8 h6 K8 ^   else {
' R4 ?$ P: ^! O& W      yPos = yPos;
7 |1 |9 Y) `5 p      }; E; h- r* L/ w: W
   }; f8 _' v. N- X3 H% s  }

0 ~( |% w' s4 ]+ {/ A' xfunction hidetext(){
6 T, E/ d9 N9 `: f+ ^6 E* o# P/ Eif (document.all)% _, f, \7 h  U
supertext.style.visibility="hidden"
( G6 V3 U5 t' [# e9 F) yelse if (document.layers)
1 x3 b6 B2 d5 p0 @1 a& |9 X- V. Vdocument.supertext.visibility="hide"
( v' `. R, h: oclearTimeout(animatetext)
1 n& h9 H  |; I8 z  w6 P3 F}2 X6 O  Y# p0 ]. n/ p& H# \" e
) \% ?  \5 T7 l1 ?7 ^* V
if (document.all||document.layers){$ N+ X( f. L6 \0 y& I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 B# Q. z6 J  Z% C, ?window.onload = initializeBall;
% d' g0 B3 a0 N) ^window.onresize = new Function("window.location.reload()");
! o# v) ]8 C, e' W# J}
2 y9 n: H: J  `* I" g) |: A1 U$ C
' \- Q* G' F+ M3 E2 u4 D! M</script>