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

zw2004

<style type="text/css">
' Q7 G4 v, |$ m( Q5 v1 }3 W$ _#supertext {
( n. |6 g: U$ o" Eposition:absolute;, C& Y- i; ~3 Y& [! K2 {% Q
left:0;
4 A2 o# b) @* ]$ gtop:0;
. k# N9 ]: l0 v  {  ?visibility:hide;- g! B. @+ x' _
visibility:hidden;
  q- T/ ~4 @7 a}) f! R) F5 J. K# b% X6 O" A6 K
</style>, r. `5 ^3 N4 I
<script language="JavaScript1.2">" s. _, n1 J. m% U) D
<!-- 改变下的字体的大小。颜色-->
9 \" d9 l; I7 q2 t& [/ h! P1 gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 u; w7 [/ d2 `" G1 h: Y/ M6 `0 x8 evar hidetimer='';
+ l! N8 e- w) P3 P<!-- 改变下的弹跳速度-->
8 h$ U6 a4 u+ I$ `8 bvar BallSpeed = 20;
- D7 A2 Z, q) P  M. a, {  v( ]var contentWidth;6 l" G- T9 _5 e$ q; @6 B0 T5 O
var contentHeight;
+ M- m1 a% S& M5 pvar maxBallSpeed = 50;
) E0 t0 k  k5 e+ Y
$ ?- a' y: L" A) G* |% @" r$ {  m4 w2 w* r7 S% n' l
var xMax;- Y) }8 I5 `3 E
var yMax;6 Z: f8 h! s# ~% K
var xPos = 0;
9 E) i# M/ @8 H) jvar yPos = 0;
- \! L  T+ n1 y& G. G9 n* Kvar xDir = 'right';0 A* S  L; D, `
var yDir = 'down';
; W3 r) W* P& O2 U0 j& \var superballRunning = true;. ]2 I- t, x. G6 E: F! N& e) ?2 S
var tempBallSpeed;
. G: C0 b" B9 tvar currentBallSrc;
) m9 {) D1 |/ o# W4 ]8 L% Evar newXDir;
1 x" g5 D9 D. D- k2 c4 X/ Pvar newYDir;4 a" j9 j, Y: _, h9 Z% l* F  {) P
! q7 {  I( v3 G; _. h' S! M+ Z
function initializeBall() {4 o& H# y4 Q( j1 m
   if (document.all) {
9 R0 k% @/ d# B6 _7 l3 F4 _6 P      xMax = document.body.clientWidth2 W' @$ u9 J5 a9 N' W* @
      yMax = document.body.clientHeight) ^& X/ v/ @" k4 U& ]) M- y
      document.all("supertext").style.visibility = "visible";9 B' F+ B, D  X  O" C$ U% o
      contentWidth=supertext.offsetWidth6 G; ^& o) ^$ n, D4 U7 }- a
      contentHeight=supertext.offsetHeight
5 ~0 |  e3 ?7 Y1 L" t: ~      }: l) G# [' z4 T4 E0 H* D+ M* L8 B- l3 }
   else if (document.layers) {
" x* O0 h4 W' N. _9 \1 e      xMax = window.innerWidth;
7 }. I: Y# n6 g6 @9 X$ J/ L      yMax = window.innerHeight;
3 ?5 q6 F( T6 _$ h      contentWidth=document.supertext.document.width! [* h. n/ g3 ~# R' j2 f
      contentHeight=document.supertext.document.height. z) j5 G* G, b1 D% a/ ^
      document.layers["supertext"].visibility = "show";" @, b5 f7 X% w; z
      }
+ z! R! B4 e' f6 T) i   setTimeout('moveBall()',400);
9 y& Y0 `+ ?- l8 R0 A; g   if (hidetimer!='')# t  }: \: Z0 C1 m- D5 V( Z
   setTimeout("hidetext()",hidetimer)4 Y& L; o' ^# M+ Z
   }
/ \7 |6 S/ c$ t5 Z9 Y3 S
0 ]: o% _4 _/ _6 B' C$ E% sfunction moveBall() {$ u! g2 T8 h' [6 m
   if (superballRunning == true) {
+ b$ n* z; M" ^" r      calculatePosition();! D# y% a' ]/ j  p; b2 l+ ~- ~
      if (document.all) {1 B. e) \( H1 X/ O( z# ~
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 m9 e! @# z# @# y+ l- W% c         document.all("supertext").style.top = yPos + document.body.scrollTop;& Q7 n) s" J2 t1 [3 G% L, O( k
         }
1 @1 f$ n+ O! J; X6 e      else if (document.layers) {1 K# C7 K7 O& c. p9 H- y
         document.layers["supertext"].left = xPos + pageXOffset;
: p% H" L+ c& _/ }+ n' l         document.layers["supertext"].top = yPos + pageYOffset;' l2 [0 F; h$ E# b3 x* `. ~/ I6 d  P- ^
         }
- P% z* o/ n7 H; Q- K      animatetext=setTimeout('moveBall()',20);  @% w! Y& d, f# h3 }* j: M
      }2 @: j& e* n& Z# t4 [; E
   }. K" H+ q1 [  d7 O: {

, |2 b5 f3 _2 \9 D" T/ {function calculatePosition() {
, |2 A1 S7 U$ ~5 ^% |+ D   if (xDir == "right") {( }/ V* p. ]+ P- y9 t1 P# d
      if (xPos > (xMax - contentWidth - BallSpeed)) {3 @  M( A! L9 |6 Q" G  j; @
         xDir = "left";
, N( B3 G# t& C& r& @6 v5 p; l6 c         }
$ y' H" T4 }* c5 Y. V( m      }
( N9 S5 z) r4 p: P6 e   else if (xDir == "left") {# @9 q3 c. ^) d7 M
      if (xPos < (0 + BallSpeed)) {
+ S4 ?7 g; T0 g- l6 a6 L5 j- X5 a; y         xDir = "right";
' a0 T4 o6 T0 t0 T' Y- ?         }
8 w9 V* P" z$ y! t# q8 i9 H      }$ ?+ T- J9 e1 c) ?* P" W2 J8 Z
   if (yDir == "down") {  I- P2 a$ Q# O
      if (yPos > (yMax - contentHeight - BallSpeed)) {
- p2 l- M/ X; y. W1 f3 u         yDir = "up";
$ a- Q, A7 ?# t3 p. m# A# s# C         }
4 o3 h- t. v( r2 m      }' R1 O8 R* s9 f" E/ @
   else if (yDir == "up") {
# |( ^' P" Q4 M$ m( w      if (yPos < (0 + BallSpeed)) {
2 H8 k3 C  g6 o0 p  r+ _3 Z         yDir = "down";
" c5 c$ n: t( R* c4 T; d         }
7 t' D2 p" G! s- l  S* B$ f( e      }" n, U& j0 c* L8 }7 t
   if (xDir == "right") {
$ q8 j! I+ n. B& v6 A$ S) o      xPos = xPos + BallSpeed;
: p( j, S& z& s: i0 S# l      }8 z+ ~* q" K( k  r
   else if (xDir == "left") {
/ u6 X! _5 Y  @6 S% f1 c' `      xPos = xPos - BallSpeed;1 B  F; |% q) r$ G* F9 `
      }: z  l  {5 Y  b/ ?
   else {% B& [2 }$ j  e& a$ M( H
      xPos = xPos;  H: }( m; e5 f0 z
      }
  W$ d9 y( f' `" R" V. m- L   if (yDir == "down") {
/ E3 ]+ b2 m2 v- o: [0 `) P      yPos = yPos + BallSpeed;4 w' y0 w4 L" H9 ~7 ~$ I% F
      }, L  y5 S2 a$ X/ v" i' |
   else if (yDir == "up") {
; N6 G& h: _" f- v9 Y* D      yPos = yPos - BallSpeed;
  u* V; f; p+ x$ [      }, |1 [6 U& D2 m# z+ B
   else {
( C: m) |9 D5 Q5 T; B3 x8 R; G      yPos = yPos;8 F& z% Q; b  Y) \: V+ {7 K# Z, o
      }8 R0 S3 n3 Y2 _2 w6 A
   }
' E' Z/ }8 H8 z$ d0 V- ]( X% ]5 p8 ?
function hidetext(){
2 L+ O4 \1 {, \% [) T) t9 m) a" m1 Qif (document.all)
6 p4 H+ b# `; H) T9 c) u  Qsupertext.style.visibility="hidden"% _- B% m. D# j& V# B
else if (document.layers)
: R+ s! `% Y- Adocument.supertext.visibility="hide"
6 G. d1 q% c  V+ jclearTimeout(animatetext)  F# B6 @+ }! b
}# E5 l% @2 K* T+ J, ?: w7 u
: [' |/ O9 Y6 O
if (document.all||document.layers){' I; l1 e' m2 r1 B3 d9 }8 r- d
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. n/ X% M8 z" M: z( mwindow.onload = initializeBall;
1 ~8 ?" B. d1 P0 X7 L% W# W# `window.onresize = new Function("window.location.reload()");
4 c- l6 j  Z9 n) E  C' t}
$ h3 D8 U0 F/ s) Y7 p7 l3 d0 q- v: x& e- N7 r4 l
</script>