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

zw2004

<style type="text/css">5 E+ X; W- N$ W. [& b
#supertext {' Z  n! m0 H: E8 l3 S% `) Q( [$ s
position:absolute;
4 h0 D& c, k" L8 J1 t) lleft:0;& W/ w8 Q% q" n8 p! N$ F: o1 y& u
top:0;; d* d& @8 [* r; b- j0 p5 N
visibility:hide;  l5 t* t6 A0 A7 ^+ Z
visibility:hidden;8 ]2 c  e, Z. r& ^
}
5 i3 |- t, `5 X. L2 M! b7 `' L</style>* D$ L% R6 N3 N% F, G( U+ w
<script language="JavaScript1.2">- y8 w4 D. @- P2 _4 ^( B; q& Y6 S0 F
<!-- 改变下的字体的大小。颜色-->5 U* v2 }+ j" {' ~& U# ^. `! M
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( M$ B7 r, o, K! |1 R/ M7 T! Tvar hidetimer='';: c. ?* J! I" ^+ j' M
<!-- 改变下的弹跳速度-->
0 g. |% v' G& gvar BallSpeed = 20;
/ v7 h) j, h4 V  U3 T/ Zvar contentWidth;' \0 r( ?6 u1 r5 K5 z
var contentHeight;6 P1 b6 _* y1 _9 m$ N+ C2 x
var maxBallSpeed = 50;
* c* D, o6 ]. ?& y8 @  E
. t$ @6 p5 a% `/ u( u1 L& [' Z& w* W' d* O
var xMax;
) f5 E2 j) a) M! H6 l5 G1 Pvar yMax;( H) P$ k; l3 _
var xPos = 0;1 N: L1 z+ `, m7 l3 B
var yPos = 0;: `5 N! v3 E2 t* P* l4 S
var xDir = 'right';
% l/ x: M$ P3 F) y2 l) L0 |var yDir = 'down';
7 q0 h4 a" |* f5 I& Lvar superballRunning = true;7 n! Q* h$ H; U4 P
var tempBallSpeed;3 L, J$ @* T4 ?3 y
var currentBallSrc;# P* j3 G; J& i" Q+ d3 M& v
var newXDir;
5 F# O/ ~# R/ [  gvar newYDir;- f- w9 e; y- D0 q7 N) r: C
6 Q& k, i; ?8 k5 O' s) z& `5 _
function initializeBall() {6 L' w' d0 R  V; i! I: P
   if (document.all) {
( Q3 p* s  x* d2 \1 W! ?( z- Y      xMax = document.body.clientWidth2 K. \; f/ \+ Y6 y* s- w/ J' }
      yMax = document.body.clientHeight
- m/ t& F- t& s4 H3 z; I/ l      document.all("supertext").style.visibility = "visible";
+ ]3 X8 c, p. l8 _8 A: m6 C, ?& S5 J# m      contentWidth=supertext.offsetWidth) n8 s! b. J: |$ j) X2 x
      contentHeight=supertext.offsetHeight6 T. t' Q1 k- m6 z% L
      }
" y) [8 j/ `4 F+ D   else if (document.layers) {
0 {6 ]7 D3 ~! ]) p, J6 N      xMax = window.innerWidth;1 @5 G  x" j) {1 l- c/ d, D
      yMax = window.innerHeight;2 B$ l) Q$ a% t; P9 w7 R+ L! v
      contentWidth=document.supertext.document.width
& ]7 A& F5 V7 o7 K& J* _      contentHeight=document.supertext.document.height
' ~0 c, T  a6 p5 l      document.layers["supertext"].visibility = "show";% A: |" B  F6 O. s6 [
      }4 L: K7 W: D# i; \
   setTimeout('moveBall()',400);
' o0 @/ V  }0 o, h. J: b   if (hidetimer!='')
+ w9 H  |% ~! M: H9 v3 X2 B   setTimeout("hidetext()",hidetimer)
& f' f9 I7 }0 |+ B6 C, Q: P   }
$ U* S2 I3 U% a+ Y
" U5 h( T# v6 g0 W& I8 ^( a8 gfunction moveBall() {
6 T2 g! G7 l0 T0 _4 k   if (superballRunning == true) {1 F' m; e7 z8 V
      calculatePosition();
2 [8 w. t. |* e6 [9 {      if (document.all) {' d# F0 D5 u8 q7 L
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
: j' d, v6 v' G4 Z/ L( F         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 J" M- s# ~" t9 n* Y         }
& }3 P# v( e/ M9 s$ Q" z& R7 D      else if (document.layers) {
  B! ^& P  T! v7 E         document.layers["supertext"].left = xPos + pageXOffset;  z+ I, h( z6 h1 P
         document.layers["supertext"].top = yPos + pageYOffset;
' s4 `1 O! d( i/ o1 T         }7 ~2 r2 z. L$ V3 u
      animatetext=setTimeout('moveBall()',20);
  |, M9 T& M6 g8 X+ y+ q      }$ M  d3 [" @* N" z. L# i0 w- |
   }
8 P# ?3 A# r2 {4 |1 M7 n6 K9 h
) _7 m. l2 |" }  @function calculatePosition() {
. D$ v2 D* X0 ]/ n   if (xDir == "right") {
( O. n6 T6 }* U+ g7 w$ ?& N      if (xPos > (xMax - contentWidth - BallSpeed)) {4 I6 C0 r6 k* x3 o# o0 G8 W
         xDir = "left";
0 g( o" `) v# P' t         }
5 n/ Y/ g5 ~# `) U      }; U8 m' H8 D# v6 j
   else if (xDir == "left") {
9 d% G& F' R& o7 p9 l$ E      if (xPos < (0 + BallSpeed)) {
/ v8 _$ ~, r/ a3 T, A& n0 B; f         xDir = "right";" v* F0 Z8 c: w
         }+ I7 W2 S9 V( m- E( R, Z8 ~& A8 G
      }# S. @- \3 p3 _
   if (yDir == "down") {6 ?4 ^, V: Q# i$ d! ?
      if (yPos > (yMax - contentHeight - BallSpeed)) {4 @, T1 L8 A# }
         yDir = "up";
6 v- ?( A) s& R5 k+ ]- \; U/ i+ ~         }0 y. X. J; l9 @' y" }" G  ~4 q8 l
      }
6 |9 S4 X# @3 b" |2 f4 r5 e   else if (yDir == "up") {1 C  m4 q' C1 e, j$ b
      if (yPos < (0 + BallSpeed)) {- y" B; E( X8 u" b3 X7 }
         yDir = "down";! p6 }2 L6 J7 t, ?& [: [
         }2 W: L8 e( X3 y6 L5 @
      }
7 Y8 B8 @: a' r: [, S9 @) p   if (xDir == "right") {& @7 t9 i6 J' m, f
      xPos = xPos + BallSpeed;: z, W9 B+ }( a8 e9 G' V, G
      }
4 {* k0 {9 l( X. e8 h0 o   else if (xDir == "left") {
3 @9 _  C3 S8 [6 W5 `6 @& e      xPos = xPos - BallSpeed;; g# n' e0 S+ m, [3 b
      }
1 I+ z6 N) E0 V1 D3 L! s   else {2 Z; s4 \+ g4 a' E" M. ?2 a2 D' j
      xPos = xPos;5 h$ y. |: m! c$ Y; ]6 X3 e
      }
: l0 {, F+ |, i4 G8 x, a   if (yDir == "down") {+ v( m  n; z4 A$ \6 v4 C, N
      yPos = yPos + BallSpeed;: I( w/ Z3 Q" ]5 {5 h
      }
( M$ {% j6 J4 _; @9 s   else if (yDir == "up") {" u) q1 x) m0 Y4 {( w; J1 E
      yPos = yPos - BallSpeed;
- d) d% {4 T. G2 S      }$ h! r* m- K, [7 W, S
   else {5 d7 Q! y6 o4 b# R* a7 X. u
      yPos = yPos;
, q' o1 S3 q4 h: H! O6 N- F      }" _- i3 [: I' @: N7 o' L% \
   }. P% D# X1 X% B- ?# R
% p$ w" n- j% b
function hidetext(){1 T0 x5 b" K0 N
if (document.all)
5 U4 t( l4 |/ u5 c, C7 _supertext.style.visibility="hidden"
" g3 @) g. D4 A3 X* Q& P! lelse if (document.layers)
2 W* I' S2 @2 {+ D7 ?' Zdocument.supertext.visibility="hide"
% F: a" Q* v" ]clearTimeout(animatetext)" T3 i# H8 h: ^( O* R
}
, q  S1 D8 i. H6 [" ~& p9 W- _! Z
if (document.all||document.layers){& v- g3 M6 w  p% c5 w# c1 a4 O/ `
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* t8 O5 K5 _0 Y$ ^
window.onload = initializeBall;5 u6 t8 l9 x# y1 ~
window.onresize = new Function("window.location.reload()");  P8 L; b8 F2 B* }1 P
}1 T" d7 t6 Q. g2 k) U) X
4 a9 x6 }1 f3 i- T! N
</script>