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

zw2004

<style type="text/css">: T/ W& b  r+ |) d2 F$ j
#supertext {
0 h, ]8 W5 w- J+ o2 I8 U8 N3 Sposition:absolute;
0 B! `; j* M4 i% L* [left:0;
" M3 q4 t* p! P, D0 Ptop:0;' l$ i) [* n, p3 h( C$ U' I
visibility:hide;2 L2 I; |: `) ^* y) f
visibility:hidden;
% ?( M. b/ h0 r9 Z2 R4 p}' B, a% W, w5 F; x( U6 r! i
</style>  T  p* ~  ~/ Z
<script language="JavaScript1.2">
* y+ A% O7 X+ L+ Q<!-- 改变下的字体的大小。颜色-->* J/ E, _3 M4 h& `( X# m
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
  z2 |, O; x7 p! e5 V6 jvar hidetimer='';
! v0 j" Q5 s7 }" o- O# [8 g3 X<!-- 改变下的弹跳速度-->* s) o; w6 v, n( E+ f
var BallSpeed = 20;
: O  q/ }7 x0 |' L  Jvar contentWidth;- s+ q' Q6 C7 v3 l; T3 p
var contentHeight;! K% F+ m1 \: P, Z* R
var maxBallSpeed = 50;
; A  ^# Y: V/ m/ [! h  _
' t5 c4 W8 P( _: h! C8 T# q8 _5 t6 q( b9 n, ]) a& W7 r
var xMax;
9 F  s9 o* a1 v! {5 Z- C* ^var yMax;
  _) C$ Z. k" S& N( o5 }0 k. mvar xPos = 0;5 w0 e/ _1 H* }* r% T
var yPos = 0;# m7 j  i! R5 E6 m1 M
var xDir = 'right';! X! V  ]7 R9 _! h/ t! [; z
var yDir = 'down';
+ [0 r# j  t: U, V4 x% x& J# B( Rvar superballRunning = true;
7 [/ d6 ?2 i; r% ^) Dvar tempBallSpeed;
" q) C& V2 i8 z* [; X" Avar currentBallSrc;/ v/ b% o8 M5 W- v$ U# H% w- k( r1 _
var newXDir;% t* G, N7 x- X
var newYDir;% [/ m* |. q7 }

. f* v- R# _5 Tfunction initializeBall() {
; k; G$ x: L0 n. M+ }1 v$ l   if (document.all) {& C* E% e9 j/ H
      xMax = document.body.clientWidth
, g# f% I8 \; k6 X) _      yMax = document.body.clientHeight
6 R  ?# h  l2 K0 j9 [: Z5 N      document.all("supertext").style.visibility = "visible";9 E" @) B" V* j1 L' n. u
      contentWidth=supertext.offsetWidth3 p7 \$ e4 L+ @4 O. i6 P: \6 Z+ Z. o
      contentHeight=supertext.offsetHeight# P% |; s/ c& M! w1 k3 ^
      }
! O4 V7 z3 F$ }   else if (document.layers) {$ I& H3 m9 I$ o% u7 a- V% w
      xMax = window.innerWidth;
, q1 U- U1 z) ?      yMax = window.innerHeight;
  `/ y& N( A+ v+ D9 |4 V& g      contentWidth=document.supertext.document.width
5 x# Y0 Y$ `: i% |7 {& P      contentHeight=document.supertext.document.height9 o+ Y; a  b! Q9 p4 [' B
      document.layers["supertext"].visibility = "show";% d0 P  k! l+ M2 u  O; U
      }2 o; Y% ~  x# N: F9 [# T9 \6 X
   setTimeout('moveBall()',400);- q; ?; `& P# s, H  n. g
   if (hidetimer!='')) f9 B' O: o+ |9 G
   setTimeout("hidetext()",hidetimer)
. K# E9 W6 V" Z+ C/ U   }3 U8 U/ ~( ]# |# c/ ?

# X: K( H, t+ O) q" [function moveBall() {6 b9 m% S; e, H8 B& M
   if (superballRunning == true) {  K- t) X; X. B
      calculatePosition();
/ x& ]' T+ J3 T8 p1 p      if (document.all) {) z& s' `+ m. k. w. s( f) D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# T1 u; `5 X. K; ]0 m         document.all("supertext").style.top = yPos + document.body.scrollTop;
- z* D1 F/ B( r. w+ U3 ]6 s; U- W         }8 z, {4 s. E& {
      else if (document.layers) {
* ~( G3 o; {/ t+ z" e         document.layers["supertext"].left = xPos + pageXOffset;
/ H  J) m* j& s         document.layers["supertext"].top = yPos + pageYOffset;
+ b3 ~6 V  K( [3 c9 A5 `7 U$ m% R* O         }
. Y" b0 F; U9 O      animatetext=setTimeout('moveBall()',20);) ^, C  Z4 C8 L- l/ o" f
      }
0 r8 Y4 S0 b$ ^   }
, {( ]( f2 ~# e+ d- \% e) @" L# w
; i6 U& t1 {8 ~/ s4 y# G/ Cfunction calculatePosition() {. G3 _6 g8 k( W! m3 P, d' j+ L! D
   if (xDir == "right") {
6 ]. y6 g0 n3 J; K7 K( I      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 z6 y' i" T# u, t0 j6 N         xDir = "left";
# q7 ?* |( M6 e" R  a" j         }
. v0 C8 x' h: g" y1 ^      }5 c2 q+ u8 {! Y; |7 ]7 Y  p
   else if (xDir == "left") {& Q8 x5 D- D0 k+ h, O- Y2 k
      if (xPos < (0 + BallSpeed)) {3 t( T( M$ ~$ {( {9 _
         xDir = "right";
1 s& u" O  r6 J         }5 w5 u+ ^1 r7 B) `6 V; J
      }9 P7 R$ c5 e5 v
   if (yDir == "down") {
1 x* J( O5 ]. Y3 c' ]0 n      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 ^7 r# H% H+ P/ |8 l. V         yDir = "up";( q* @1 @# Z9 ?# U  d
         }7 S% R$ e% b. U/ J5 l) o
      }
0 [9 @* U: a( k' M8 S' r3 h5 x   else if (yDir == "up") {. }5 M  J; c; n$ `: [5 h$ h
      if (yPos < (0 + BallSpeed)) {
2 E: c+ F) Q" M8 G$ S* h         yDir = "down";" \0 m. E7 `0 ]- ?4 [$ Y
         }
% T' T4 m4 b! F9 [7 n      }( k0 P7 m" R* y% P
   if (xDir == "right") {: s/ _! F; d5 Q# H, p4 y/ q& Z& N" V
      xPos = xPos + BallSpeed;0 Q% h' R# {- x
      }* D$ p5 F1 ^$ ^9 S/ D8 G- ~
   else if (xDir == "left") {
" Z* _4 {  i8 |+ `, p( `      xPos = xPos - BallSpeed;
7 N7 R: O, P! Z1 ?/ M8 l      }
7 U0 a4 S9 \7 u& m5 W' a   else {
, x5 e5 O! X6 G8 W: z. p/ L      xPos = xPos;" s+ y( H1 i  _! x; r" i: `+ `$ f' G
      }& A( M$ T8 p0 d! o) A6 O) D5 I
   if (yDir == "down") {
. i1 P* _; k2 L      yPos = yPos + BallSpeed;
, C5 ~" R& D# ^      }$ }2 O; z: E! T9 _. g/ e8 }
   else if (yDir == "up") {
7 q* o) g2 K: ?9 ?0 l      yPos = yPos - BallSpeed;
2 I+ ^3 L7 Y2 {$ v* ~      }& ?9 T( J* [; O! w! |3 a" b+ X
   else {' g' X1 o5 X/ W* }5 o6 f: Z
      yPos = yPos;
7 m, B+ F5 d" F" D* w6 D5 `- U      }, d  ?, X1 e; r0 Z* m
   }. b* L  E" o5 V8 j9 s. P

( T* q5 j; J2 |function hidetext(){
% z2 H, W; n9 x' E5 k0 t2 ]# Gif (document.all)$ l- L* f1 w  y9 p7 y% o# Q
supertext.style.visibility="hidden"% G' Y' a. G* v; p
else if (document.layers)
! [2 C  n' y7 K+ H5 idocument.supertext.visibility="hide"
/ `* e6 [% E! E4 v& Q4 G/ IclearTimeout(animatetext)
' S- q3 U3 R. ?3 L. j}( }4 a/ h2 C3 L% ?6 j
4 ]8 v) b) f5 K' F. r: |
if (document.all||document.layers){
7 W: k" W' f; i/ f1 Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 C' _" S* ~9 ]! v& ^
window.onload = initializeBall;: S  _, w' d; I. ?% p( X
window.onresize = new Function("window.location.reload()");
) K( _2 D2 F" \: r$ c}
1 h8 }: Q4 z0 u9 g2 |9 q( `/ p
5 V0 _; t. \5 Z/ f( w/ |( [( H' b</script>