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

zw2004

<style type="text/css">: K+ W" b. M9 A# o# H2 q
#supertext {
% J  J& w# c0 Gposition:absolute;9 `, m8 l( m, e7 w1 O9 }
left:0;  w6 Z8 r, j( b& p/ ]
top:0;: @; f% q2 P/ N  p( J$ m* }
visibility:hide;
6 ~4 |) E+ m4 ~7 g& e2 Mvisibility:hidden;+ |1 T, X" A$ I" s" L
}
& [( k* J* w' A/ s- p# o</style>
; X3 V0 P$ v. g6 A  h: N* R<script language="JavaScript1.2">
7 b( q0 f; k1 Y, b<!-- 改变下的字体的大小。颜色-->. _- p6 K$ }0 j8 b) I9 F4 C3 s
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 m3 h5 P- Z9 V4 Q  {' M4 o8 \var hidetimer='';
! P' B$ J' L- {- l0 n' x/ k4 _<!-- 改变下的弹跳速度-->; V7 n0 z# G# q9 H- Y: |$ i/ _
var BallSpeed = 20;, q. s; A/ O) @* n
var contentWidth;8 l  p( j6 G  ^9 X7 Y* B
var contentHeight;
/ V- @6 f2 z: kvar maxBallSpeed = 50;5 s1 Y+ u9 i6 Z, v, O  g6 A0 q3 _: @7 O

  F( e$ g$ Y+ s# Y& t* K6 x, R$ d9 V/ H( d
var xMax;
! _9 K) D/ y, O4 i" [var yMax;
% h* G6 J& ~& B6 U) Q% C4 \2 Qvar xPos = 0;9 t$ d7 e* X/ k( V* k) v
var yPos = 0;
* C# G' ]& }+ T! T+ b: L( I3 X( {7 mvar xDir = 'right';
. |/ D7 Q. c$ @var yDir = 'down';
9 i4 u/ ~# b) T$ w; Svar superballRunning = true;
! ^3 [* J  L0 K6 x* uvar tempBallSpeed;1 |5 f+ y3 J! k/ ]7 G7 W
var currentBallSrc;
6 ^- M9 X! Y& H% _, J  Yvar newXDir;
' O1 E  g% u' wvar newYDir;3 v1 X  p. b+ B* v$ S: C
( Z# L8 E5 `, `! `& ?  H0 l
function initializeBall() {( B9 F1 R' r6 A# _" K& m! N
   if (document.all) {
" y8 M9 Z' w/ v# x3 G6 D( G# n      xMax = document.body.clientWidth6 M& H4 v% ]8 u* n, `
      yMax = document.body.clientHeight
  Z  ~- a% C% ?      document.all("supertext").style.visibility = "visible";
/ t) {' F% }: y0 `0 A+ i6 V      contentWidth=supertext.offsetWidth* s/ P2 q% x3 a- u
      contentHeight=supertext.offsetHeight  [  K% y% `8 D+ n
      }* U' X) M' T0 U8 F9 e! d# T
   else if (document.layers) {& o4 S- U2 p7 O% U/ f, T1 |
      xMax = window.innerWidth;, K. F% O4 r: r: h4 w1 s
      yMax = window.innerHeight;
+ D' e' h8 L0 m; y      contentWidth=document.supertext.document.width  Z: l+ @' e0 W" @; V1 j
      contentHeight=document.supertext.document.height
2 c3 d& q( L/ k; Z  z      document.layers["supertext"].visibility = "show";
& [2 s. x2 i5 K" T& B' m6 ~      }
% s5 B% M" _/ P& s/ Z* B( V$ E   setTimeout('moveBall()',400);
0 r6 m  ^3 h4 C4 Q$ o   if (hidetimer!='')/ I4 E& ?- C, c7 n2 ]: K% e
   setTimeout("hidetext()",hidetimer)& d* [/ d+ Y& H. T  s& g3 \
   }
# T- F6 P+ h) `8 Y0 N/ a
0 `5 r4 H; K9 T$ v" B$ N* Jfunction moveBall() {
/ \6 b, ]1 f0 F" E   if (superballRunning == true) {
  F& l8 i4 r& [8 G+ p& A) K      calculatePosition();
1 h0 u' m- ~7 ]: p      if (document.all) {6 |! G/ |/ Q& n
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 n& A* @7 x4 j" c- E         document.all("supertext").style.top = yPos + document.body.scrollTop;  [* m3 d* o; p0 w6 `9 H1 u
         }
/ R, X# t% @4 z. e      else if (document.layers) {
9 q4 E$ c6 F: A* g9 ?* q& D  c         document.layers["supertext"].left = xPos + pageXOffset;8 @9 e  f0 y" E' w- `
         document.layers["supertext"].top = yPos + pageYOffset;5 l2 E. x- _7 e. W% V1 F  Y
         }
: d- ]% ?1 e& B1 T6 S      animatetext=setTimeout('moveBall()',20);* M  r0 H: v6 s, u! M8 n! y+ O
      }/ h1 A. p% m3 K, I' G3 j1 X
   }
; p8 z) s& ~2 m% }( Q" F  W2 W1 _4 [1 s4 w5 ?
function calculatePosition() {
7 V* U" O" T7 v8 e/ s2 z6 S  T4 k   if (xDir == "right") {
; j) z# w) w+ O' u$ K4 i* x      if (xPos > (xMax - contentWidth - BallSpeed)) {. L3 e! H- N7 l& R5 s
         xDir = "left";: t+ `- _: T/ w9 T
         }
8 m: G1 a' k3 W/ s- ^      }
+ ~: x( ~- L, G   else if (xDir == "left") {
, w2 W, E9 O( ~7 z4 c+ r8 B      if (xPos < (0 + BallSpeed)) {
4 q! Y/ d# }" i6 x: J2 V' r- d8 E# _         xDir = "right";
, W# h0 L5 [; i         }% B" U4 L  [- C3 ^
      }( P4 M% [7 r7 n0 {0 j
   if (yDir == "down") {' C% S$ `( I* S2 _! ?; r
      if (yPos > (yMax - contentHeight - BallSpeed)) {. A  Y& A  K/ l7 a3 {! R7 {" b$ V
         yDir = "up";
: w" u& D5 K% \1 l         }9 d3 u2 x9 Q1 Z' c
      }3 a* {3 w6 K6 \7 k
   else if (yDir == "up") {
+ I: W) U$ g% [5 U# U0 p      if (yPos < (0 + BallSpeed)) {
8 Y8 d; j: o0 n! i% P4 Y         yDir = "down";
+ f( ^; k' k  Q4 [! ]         }
$ \1 l3 M& F! z- z$ J4 u      }
% F. b7 O# l; W3 @: ~& u) o   if (xDir == "right") {
$ H8 d1 @" p, c( C2 b5 B7 ^' p      xPos = xPos + BallSpeed;9 k& \$ A* ^0 {8 B/ l! F0 y
      }$ x' n; k2 |0 a, s
   else if (xDir == "left") {
- S) D# j3 h  q# ^1 t/ J& y: B8 M/ _      xPos = xPos - BallSpeed;" F& ^& I5 \, v1 u$ A
      }5 a% [2 }& W; r' Z1 Z
   else {
6 Q( d- p5 h( w' s7 C; K" N      xPos = xPos;
2 E& x' y+ D* L6 E0 q/ G      }8 k$ l1 {6 v* e, }8 l
   if (yDir == "down") {/ l5 E# |" k! j% |$ x' _* a
      yPos = yPos + BallSpeed;% B: x) N9 p. \4 j7 V
      }' a0 C# Y1 }! J7 f* O
   else if (yDir == "up") {5 o' A8 V- }0 G# u
      yPos = yPos - BallSpeed;
9 u& c) U  T/ n' X6 ^4 ]" t1 W      }' W4 j8 [1 G* K. B
   else {
+ i$ w. @' r& B9 X3 L      yPos = yPos;& K3 V! n! K2 a4 K! q1 \
      }5 U" S1 U6 f5 \7 e
   }
: @3 o: ~5 s) M( q0 S. m9 H
: k1 U% f: m  d4 ]function hidetext(){- x% E0 F. ?" ^) f5 }
if (document.all)3 }+ o3 ?/ A& b) U& ~1 L
supertext.style.visibility="hidden"0 B: t; n2 z1 B! G6 e# }) d
else if (document.layers)
2 }' ^$ l+ F+ Z- pdocument.supertext.visibility="hide"
% H6 l8 {2 B" x) {! X; \clearTimeout(animatetext)
3 i+ {  H& E( p}
% b4 I4 J1 r5 t. E; O+ A- d
* e( p) `# t+ E, _+ E" j9 R! h% Pif (document.all||document.layers){6 U% c7 q, j5 I! P" _" J" x+ z- k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ [$ r, E; C9 U7 ?8 I, }2 ^window.onload = initializeBall;
* J2 K9 @3 x3 F- Uwindow.onresize = new Function("window.location.reload()");! z! v: e+ K8 e& I% a
}
9 n% @: I! t0 G
4 @. J) L( |, F1 C</script>