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

zw2004

<style type="text/css">) o* k6 F. M# i9 O) t- x6 P
#supertext {
: ~# C$ X: N9 G3 U( gposition:absolute;
$ I; w7 K7 ?5 {8 R& a+ b5 Z& Sleft:0;
# E6 ]- C4 Z" D) ]2 Ytop:0;/ V/ a' K+ [- A1 j4 i6 V
visibility:hide;0 O; n' U$ L8 a  L& c
visibility:hidden;& a( U% `$ F( _  E
}
, @4 s% w  C( f3 B1 `</style>
4 I2 @! i# c4 H6 O  C' s0 E+ ?5 G$ `<script language="JavaScript1.2">; K8 F; @; o6 j0 u5 Y
<!-- 改变下的字体的大小。颜色-->
& i, l0 v, g" T9 _8 @7 }var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. p$ W  x2 K: ~8 [var hidetimer='';
  n5 E7 q5 p5 [6 }) t<!-- 改变下的弹跳速度-->
3 X" d7 T  |: n4 @0 j' Evar BallSpeed = 20;6 R" o1 d- k/ c9 @
var contentWidth;7 j+ b. i' L" q* t
var contentHeight;; u4 t2 Y; [! G  C% e- s$ L% A
var maxBallSpeed = 50;
5 B9 ^( n4 P2 z+ w7 M7 ]/ U2 R$ T) B1 P: z: ^( K5 O# L8 i
$ z. S) h% Q+ V" q: }5 C- U" c2 Q
var xMax;, W: X; B! P- @" J" }
var yMax;
: d. M% }: {2 N+ K8 o8 ?var xPos = 0;) l% S0 o; |: `$ L0 ?  Y$ H9 ~& h% @
var yPos = 0;
! `' z5 w& c) d6 [! u5 o9 k) gvar xDir = 'right';! q4 Q: W+ n( {) [& m
var yDir = 'down';
0 ~6 g7 m, |) ]# Kvar superballRunning = true;
& \% d0 V1 i; c  bvar tempBallSpeed;- y" }$ m* J: h! V6 f: N8 P
var currentBallSrc;
5 `/ H2 F! w- c  B" z2 n* bvar newXDir;* N7 J" X7 q1 T/ p4 p8 L
var newYDir;7 f: w& V- B6 _$ f3 c+ c

1 f' H0 I" w; o% t  i; R" efunction initializeBall() {9 P6 i( @( M6 d6 ^
   if (document.all) {; R7 H5 ~8 ]/ T0 F0 Q
      xMax = document.body.clientWidth
8 T6 ^  ^' H0 b  s1 S      yMax = document.body.clientHeight5 w% K! u# G& E$ K' f; Q
      document.all("supertext").style.visibility = "visible";; U8 _3 ~9 ]! o( C( O& U# V
      contentWidth=supertext.offsetWidth  X8 q1 `! N# `% ~( P! U
      contentHeight=supertext.offsetHeight! l% k6 h& ]. M
      }3 \# {- `. l+ X5 d* G% c
   else if (document.layers) {) `$ o' w; W, i8 Z& j
      xMax = window.innerWidth;
2 Q4 B! S, G# X8 p% l      yMax = window.innerHeight;/ {7 n# u0 R5 Q2 Q# M9 W$ |
      contentWidth=document.supertext.document.width
5 ]& j+ O6 Y7 \* W/ |( u      contentHeight=document.supertext.document.height
& z9 O* ?3 T+ \' d$ G/ d( w2 @* [' A      document.layers["supertext"].visibility = "show";
* P( e8 ]3 c' X$ t' d! L      }
. j8 I( f+ K1 B9 f' B6 z) y! G! U   setTimeout('moveBall()',400);
9 q2 b0 i1 K" _6 l   if (hidetimer!='')
+ y7 a1 p( o' E/ f" G   setTimeout("hidetext()",hidetimer)3 Z9 w2 N5 v' m* f) e
   }
7 }+ ~1 |( H0 o* K6 o
, M! p' g+ x' D1 }function moveBall() {
8 b2 _/ o& k6 M! I   if (superballRunning == true) {
* Q& T3 q' H/ T      calculatePosition();
: O+ V& c" I* `7 d4 i. u8 _, G      if (document.all) {$ c7 E8 x6 ~) K$ W+ A
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 S* e) Q0 L3 ]: S8 o0 k9 o$ `, n* U         document.all("supertext").style.top = yPos + document.body.scrollTop;4 L1 |8 D: L" P, F1 B5 n# g
         }
& S' b0 y" O9 n6 [& t3 ~3 _% b      else if (document.layers) {
9 w; u: t5 ], Q$ P: F         document.layers["supertext"].left = xPos + pageXOffset;
% G$ S8 v  e  l, e4 ^         document.layers["supertext"].top = yPos + pageYOffset;
* A: R; ~) O5 M9 H2 _. H& j% c         }6 l) c/ W+ P& e7 B
      animatetext=setTimeout('moveBall()',20);
' b( {% }# g4 t8 p! ]      }
& u. x. z8 _: B  g; `+ ?1 g   }& Y1 }( _, N/ Y. }9 E$ T& O
& j, }5 w  w9 O; E  k9 z
function calculatePosition() {7 u! p' T* x  T* J7 H! ^  T' V
   if (xDir == "right") {* W& d' |, B. N4 J# ]- J
      if (xPos > (xMax - contentWidth - BallSpeed)) {; ^" j9 w' W5 T: F: e) I6 b8 z
         xDir = "left";
  B0 l/ ?; Y! u         }4 E$ c+ i5 l, y" {
      }
& b& x6 I: g5 D* K; m   else if (xDir == "left") {
( b- A# O* y: X$ b5 G8 ~+ R      if (xPos < (0 + BallSpeed)) {  O: U5 p( d  b. C0 b$ e0 b
         xDir = "right";  U" \7 g8 l2 n: E/ C+ s! W
         }3 B7 H$ F' o+ f9 E
      }
5 l$ P* M( a  U# r  t   if (yDir == "down") {$ E2 h/ b- i6 U% m
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 S. q& b* }3 A* z6 j( t4 W; j7 ^% ^
         yDir = "up";
4 H; n, |2 Y4 P( o         }
; d# E3 U& k5 k! ]: y      }
9 e5 Q& L0 R4 t" k5 i7 p0 Z   else if (yDir == "up") {: E9 o$ Z& u9 O8 B9 T2 S& \* f
      if (yPos < (0 + BallSpeed)) {
6 t+ C; r. |- N& k2 j( f) W8 c         yDir = "down";% `/ E+ ]; g' S% f; P' `5 A. l1 A
         }
$ ?$ l9 a1 P2 W! N- F# Z      }
0 z+ ^. @) C6 t. H1 I2 v+ V& z   if (xDir == "right") {6 K+ b, D5 u+ v. m
      xPos = xPos + BallSpeed;+ i! P' k. U% M) n& L. K
      }& w. F+ q4 @$ y2 j
   else if (xDir == "left") {
& f  r& ^) u. I      xPos = xPos - BallSpeed;) L* }# V' H2 B- {
      }- Z0 q/ E; ]$ }% ~9 i) b
   else {
2 G, e* {* h2 V* r  v: d/ }9 U      xPos = xPos;- ^6 f8 g5 r, W$ F7 A2 p: K
      }# _! K7 k( z9 g. Y/ x. H5 G
   if (yDir == "down") {
3 I& A+ U* q" ?5 d      yPos = yPos + BallSpeed;
! `/ i1 t, Q: L1 r* [      }
# b" E, `1 h( O   else if (yDir == "up") {
) h$ P8 d3 o8 O/ s: o, G      yPos = yPos - BallSpeed;
" f$ n  M4 W; o' q' M# e* |      }0 a% D4 q3 B) F: [/ v! w
   else {2 R  Z- c5 G- s4 ?+ q2 x
      yPos = yPos;9 E* Z: F, F) b+ n7 s2 x
      }
* c- g0 u+ c; G* f+ A/ L   }
4 h6 U# K2 `% ?$ j. I* t+ A3 H- v8 ^+ }3 Y+ g2 u( R! m
function hidetext(){
. L5 C* n5 S% T6 tif (document.all)
" x. g/ ~- s$ z3 P0 isupertext.style.visibility="hidden"
0 q. ~+ Q/ r4 Z  b+ m7 lelse if (document.layers)
0 J" R5 ^3 v$ i/ ?: z# ]document.supertext.visibility="hide"
: J2 P  r0 R, {$ Z7 \7 z" I7 D1 l7 gclearTimeout(animatetext): p# z) z4 |5 A7 j6 j8 d
}# j  J3 u" n! {8 S; L1 S

' \* m, H" v. Y0 p' qif (document.all||document.layers){
7 s  n. Z: X; t/ E! L  E: Jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! U$ p* N# W7 d, |$ A
window.onload = initializeBall;
* T6 Q) W" G. j, P" T9 D4 \& Z: ~window.onresize = new Function("window.location.reload()");! W3 {7 c9 d4 r8 k. r; n8 x
}
- X0 G9 P' s  Z: a% E  Q
: S! G; A/ n3 D" D1 U- J3 k</script>