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

zw2004

<style type="text/css">
& \* ~( |, w' b#supertext {
5 R7 J! m9 r0 t: c, h( Z3 nposition:absolute;1 L( i# e) S) U3 c; D- b
left:0;
4 O$ ^% b- `( m( q$ @top:0;
; G& m+ B1 W- G  R7 _: F" Dvisibility:hide;
, j. t$ y5 A& L, Kvisibility:hidden;
7 k* `7 c" x; Q0 L, ]9 }  p}! ~- p  _) M" l
</style>
8 @1 q2 b  s) \<script language="JavaScript1.2">/ u$ c% I- y! G% d' r& T
<!-- 改变下的字体的大小。颜色-->
( p! Z: R4 P0 J2 c# N3 pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ t, _9 A  A( H: h' A' r; L4 X
var hidetimer='';3 @3 h  d4 s. T$ g% B$ w1 M
<!-- 改变下的弹跳速度-->  J- h6 ^" ]6 e6 M! |6 c2 o5 d
var BallSpeed = 20;
8 n7 _9 L' f/ |6 C1 e- D/ `! ?var contentWidth;
7 N$ k# m6 d: {: F/ M7 {3 jvar contentHeight;
5 g8 U# W2 p$ L+ q8 tvar maxBallSpeed = 50;
/ s4 R" _9 Y' q# U( Y) H! U3 Z3 {' b& R. o8 v
  C4 G6 U$ R! d4 Q  P
var xMax;+ T) J7 U4 F4 @$ j3 X# ?
var yMax;! @0 O6 H; {5 S8 A4 m, \+ T5 Z
var xPos = 0;
+ L6 X8 K  [' B% T9 Svar yPos = 0;2 O& l# d2 g4 f, `! i
var xDir = 'right';: V( o7 Q  c& V8 |! k+ M: ~1 ^
var yDir = 'down';7 m& \& s: T, m: i* g
var superballRunning = true;
3 g" q$ G& ], Nvar tempBallSpeed;% G& o9 {" B5 I2 S
var currentBallSrc;4 O; Z0 z6 m" C; W
var newXDir;
0 \, q5 T; G5 p5 `4 Z0 `var newYDir;: v+ |# s- N5 c
" N, X, T; C: @& b. h2 U' K) F
function initializeBall() {9 B  {0 O# H7 A8 M, E
   if (document.all) {1 K+ ~, }& }+ H3 Q5 f6 }
      xMax = document.body.clientWidth
1 l% H' x. Z6 s+ a' T) e! [      yMax = document.body.clientHeight
* C9 A2 `0 o" r/ \2 q; y! J$ O      document.all("supertext").style.visibility = "visible";2 u; W! z7 x9 t5 y# w" X) I
      contentWidth=supertext.offsetWidth- @# D+ |$ t- ~% p# V
      contentHeight=supertext.offsetHeight
9 n8 q7 f& G9 b1 U; x# ], @0 C      }
) M+ ~# o' T. B   else if (document.layers) {
) ]* X4 [, U5 u" n, h      xMax = window.innerWidth;% c$ ~1 q' L( a6 }0 M( u
      yMax = window.innerHeight;3 }/ _/ G/ u* W* P) a
      contentWidth=document.supertext.document.width, j7 z  J: |6 a/ |" p7 ~8 J2 J
      contentHeight=document.supertext.document.height
: `- I& t; U, H      document.layers["supertext"].visibility = "show";
5 H: k4 F3 X0 w      }
5 I+ ~5 e0 R  A- t: p" u' c# [* J- V   setTimeout('moveBall()',400);5 |7 u/ u' f4 T% \( S* t
   if (hidetimer!='')- `# @) J" k' V3 X1 e/ s( R
   setTimeout("hidetext()",hidetimer), l5 `; W9 W3 [" _4 h
   }3 M# B4 _$ g6 O7 o( w

3 a1 A" f1 c$ a/ T( [4 o( b0 A3 R# @  ^/ A2 rfunction moveBall() {
: z" S9 L' q1 `- A9 M   if (superballRunning == true) {& X4 {* R0 a- Z* n- C# h! s- g
      calculatePosition();
" o/ H. X, c+ z* y3 _! W* q      if (document.all) {
7 }' e* H" Y5 f& r: K' k2 a         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" B, \! H: Z* J2 U- J. v$ r         document.all("supertext").style.top = yPos + document.body.scrollTop;9 [+ L& q( X- C4 J, f  ?
         }
2 H0 C" G( q" V# m; Z$ P& l      else if (document.layers) {1 Q3 z5 F/ ^( h1 K; o6 L1 w
         document.layers["supertext"].left = xPos + pageXOffset;& K$ \" z; n) x8 x/ Q4 {$ a3 w
         document.layers["supertext"].top = yPos + pageYOffset;+ N2 ?1 c% K+ g0 |4 Y& G
         }  v% b8 }4 A+ ~7 A* y, d  N- f
      animatetext=setTimeout('moveBall()',20);4 U/ x5 R$ a7 g. O  P! G) [
      }
8 g1 ?1 o. u; d: H' O, B   }6 H6 h: D8 c  N8 m: b6 w. K# u( @+ G

3 H' C. y. {6 q# g- ^. H7 Yfunction calculatePosition() {& Z3 n7 A5 X1 p" {7 G
   if (xDir == "right") {: y' F& ?6 L) _  C, F
      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 O# I/ f2 C& h* W- J2 d$ R         xDir = "left";9 a# p! J. e; g% y% S  w; ~. n! h, n
         }
/ K* Z! w4 {/ I( Q6 y      }: H9 p6 C; ^! V0 ^0 R. j6 j
   else if (xDir == "left") {' ]6 E8 l( z( P7 ?& N
      if (xPos < (0 + BallSpeed)) {' O9 b' L' m: ~6 c6 Z7 _& e$ e) R
         xDir = "right";
& |! u8 p+ |: X- E' G6 \         }' y3 }* g) f: L9 q$ _6 x
      }
# s  |6 ]6 G4 Y( g0 t   if (yDir == "down") {
* n% v/ c. e6 V5 C3 p$ o, r" s9 c      if (yPos > (yMax - contentHeight - BallSpeed)) {# g' V* u0 z+ j. j% y
         yDir = "up";
" V# ~" L3 @! N% ^) P0 ^% @         }( Q$ B3 q+ p- V) A
      }3 U1 u0 p! k- f, s- v
   else if (yDir == "up") {
) ^6 s" n4 v4 P; T! B+ n# b4 [  b      if (yPos < (0 + BallSpeed)) {
8 L) Q1 ?( o6 m; k0 u; i         yDir = "down";2 _7 ~; s, C" Q
         }6 Q  j- j' R! C4 w1 u
      }. U+ n- Q; |3 U% E, h$ f7 d
   if (xDir == "right") {5 U5 r- ~0 O5 }6 S, f- A
      xPos = xPos + BallSpeed;- Z! y4 G2 P1 O* g. N, y" f/ r  A
      }- b$ x, s% M1 X; M
   else if (xDir == "left") {
! u" b$ a- ?  @( v, L      xPos = xPos - BallSpeed;1 d+ C3 k- ?5 h* y+ l6 K
      }* e3 B: X/ ^' p8 `0 Z- ?
   else {. \7 R4 K& m+ ^7 h
      xPos = xPos;9 r4 f  c+ m5 t! A1 y
      }
$ w9 S0 M$ k$ h: |! [   if (yDir == "down") {
0 s- h/ e3 B6 P# ^1 x      yPos = yPos + BallSpeed;# [" x" P9 X6 C8 r* n" F
      }
, J* v, @+ }3 H# P9 ~. ]& j$ L: s! o   else if (yDir == "up") {
" v- g# U6 p7 h- Q+ z# d7 J6 ~      yPos = yPos - BallSpeed;, ~4 i/ k6 q; |
      }, \* `2 a: w3 D. f! r6 o& v8 v; A
   else {1 {/ t, J- |0 e* X" e% X3 N$ ^. l
      yPos = yPos;
1 b& f1 `6 ?; C! F* Y/ z      }& l4 B9 S% Z8 n5 e. ^9 x
   }) {: F9 g5 n( v) R, E( ^

+ N0 @) W& q, N% L/ Qfunction hidetext(){% R- I0 V; ~$ m8 }' v% Z
if (document.all)
! J3 Q3 ?, a* E" Zsupertext.style.visibility="hidden"7 ~& J9 r% P* ]; {- c% }
else if (document.layers)
, `- ~) w( ?" g6 h% Udocument.supertext.visibility="hide"* u7 ?$ Y/ C/ |  y4 k
clearTimeout(animatetext)
7 N  \6 C3 |. F  N8 X  a}
3 n" Q% C' Q6 s. @7 e
' u5 \3 v" k- z* l5 S7 r- ~if (document.all||document.layers){
# X+ M8 x- J$ M: jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')- C# X. x5 R7 u8 J0 b' D4 @
window.onload = initializeBall;: E" E1 {' T& L8 ], E4 Y, E
window.onresize = new Function("window.location.reload()");
9 |1 i, X% Q) `: Z}
# X' X2 S: _. |
: \: I, Q2 z- e$ @7 F) r</script>