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

zw2004

<style type="text/css">: f3 ]  `( T- [  z: U' G) o
#supertext {% R2 c  T0 g0 ?* l9 k
position:absolute;
" k1 o: |$ v8 eleft:0;
- e8 S4 U: b: D; i  ?8 ptop:0;
: H) d5 i, n) w5 a9 ^visibility:hide;
# A; i. Y: ~2 L9 [6 _  a& t0 e. svisibility:hidden;
- F% H' H$ o9 @/ e}
: |' [/ ^' f- G. r6 `</style>
* q2 j7 |  J( w6 [  {<script language="JavaScript1.2">1 U5 H0 C3 j) o; ]+ `6 x9 i6 w
<!-- 改变下的字体的大小。颜色--># n8 h' l2 i& q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  C/ l7 _. u) w4 b+ c* t6 u" e
var hidetimer='';
8 ^; k1 @+ O7 h/ a$ ^% }' W3 U<!-- 改变下的弹跳速度-->
) C' B( H4 _8 a, e% bvar BallSpeed = 20;  j: p! M! s* \
var contentWidth;
# r( w1 L; l! T, j# E: j' n* T9 H3 uvar contentHeight;) e- f. R+ A8 W: z) x, k; z
var maxBallSpeed = 50;  E2 x; }. M( {3 q$ N4 t( L
% N0 a- l, w% ]: d9 H9 R0 m. w
4 z! Y/ n7 J  T3 H
var xMax;
  a" D) m) x$ a/ Wvar yMax;
5 X, t5 o3 N. ^3 o& cvar xPos = 0;9 ]: q: B6 r# s* M. L) _
var yPos = 0;: f4 l& L1 n! A! _$ G3 v7 m
var xDir = 'right';( V. P; f. B2 s
var yDir = 'down';& v* z- k- h0 V7 s% d+ I3 [* ]. q8 J) D
var superballRunning = true;/ L1 S( o0 |' ?, Y! e
var tempBallSpeed;
) t. K# ?; O* B* X0 `var currentBallSrc;5 ^5 K, o2 v1 ^
var newXDir;8 E9 I" H, W. @. N
var newYDir;  R: c- N, I' v, Y- S' p; \5 t
# Y; m- f( ~$ g3 H4 y, r
function initializeBall() {# n# t; P; S7 q: c5 L9 M- A3 f: ?$ u; |
   if (document.all) {! g" B4 ?! ~, Y
      xMax = document.body.clientWidth: f3 D* t" Q3 J5 Z. |
      yMax = document.body.clientHeight
! `0 _4 }# t' Y# I: Z0 `      document.all("supertext").style.visibility = "visible";. ?5 F# d0 c! y7 Y9 ^. G5 N+ {' a
      contentWidth=supertext.offsetWidth
9 @, u. o' j7 {6 q. \! Y0 L      contentHeight=supertext.offsetHeight
, B2 M4 m  E# y9 m      }3 {6 f! x, S- E8 m7 ^6 T* ]
   else if (document.layers) {
9 K9 I: q$ Q0 I6 z. t      xMax = window.innerWidth;' e, h1 }' S2 [* |. y# P- k
      yMax = window.innerHeight;( r' M, h- {# c: {3 L
      contentWidth=document.supertext.document.width5 ]( y5 a, U' V
      contentHeight=document.supertext.document.height- p$ d# ^  J( U& R" `9 E) T5 |
      document.layers["supertext"].visibility = "show";
5 v$ z+ j, i* t/ ^+ e# w      }
2 W9 k8 ^& a) G4 `  b   setTimeout('moveBall()',400);
- ~9 s0 C& ]+ s- T6 D   if (hidetimer!='')
( F7 Q& [7 f+ v3 h9 t: J   setTimeout("hidetext()",hidetimer)& H! q5 s( ]# Z* @# ]
   }
( [3 t3 B! b( J3 {) u" _% \0 b; ]
% X+ x) i, O8 i+ Ffunction moveBall() {5 i& E4 j7 w3 ]( Y( H+ M
   if (superballRunning == true) {
% c3 e9 t: w1 q* y  Z# Z      calculatePosition();0 N( c, D4 g$ d# X. c! p
      if (document.all) {; H& X) X( @3 x: L) v- g* I, `
         document.all("supertext").style.left = xPos + document.body.scrollLeft;& |( m4 I* i  y* K+ @2 w2 s
         document.all("supertext").style.top = yPos + document.body.scrollTop;& a; v& [! U/ p+ W, p1 g
         }' a: H; D" t2 q
      else if (document.layers) {* m% l) F1 q$ p- e9 k# Q9 n
         document.layers["supertext"].left = xPos + pageXOffset;
, W" S% c% h9 e$ R1 i# ?         document.layers["supertext"].top = yPos + pageYOffset;
, z% |0 K5 o0 m+ D         }$ j9 S& `7 P) d# e
      animatetext=setTimeout('moveBall()',20);  R) M3 A/ D* p
      }: ]8 h- `, ^" u% d
   }6 \( o1 t! `6 Q, i7 O/ a& I0 W5 X
$ ~1 ]& S3 V4 U5 n4 B
function calculatePosition() {9 t9 f. i" {6 R) t1 I+ H
   if (xDir == "right") {
: Q3 N; r  n- S3 S. _, }      if (xPos > (xMax - contentWidth - BallSpeed)) {5 c* L+ w1 _+ i7 @) J. X& h4 n
         xDir = "left";  v3 @8 y/ z. w! ^2 q
         }
  u9 j& z7 o# h" r      }
% a2 M/ o3 I* P) ^; t; }& b5 p$ J   else if (xDir == "left") {( x  ~3 Y0 W8 r) G7 h6 z# f2 ~
      if (xPos < (0 + BallSpeed)) {! {9 x6 T) C* i' Q( k" X
         xDir = "right";: c) W" f  ~' |" O' m$ v
         }+ ^; ~2 n! q" \& u0 a# z7 n
      }
0 r) V+ w1 v( ~0 p! Z   if (yDir == "down") {
! U  `* w- A  Q$ B      if (yPos > (yMax - contentHeight - BallSpeed)) {3 {7 e2 Y  u2 q7 @, i% ^
         yDir = "up";/ _7 ~, I& i. L: d- y9 z
         }
; M' P& r' A2 I: ?2 Y1 P      }
4 K& a3 r& B+ E% a   else if (yDir == "up") {  s  A$ S$ o  n0 P3 a
      if (yPos < (0 + BallSpeed)) {2 Q% M, @0 J& J: |0 k4 M
         yDir = "down";
) L, d7 |- i( P$ @7 S         }
# V, A! a# q" D# p1 N      }" }" _* X5 U2 r8 ]
   if (xDir == "right") {
3 G' L: ?# L) w" A  v      xPos = xPos + BallSpeed;+ H0 g3 c7 u% t% K
      }& s! u) I) u7 Y; q0 \8 a5 t7 Q! _
   else if (xDir == "left") {
3 l. K) U) M9 N% `; Y      xPos = xPos - BallSpeed;
/ v4 I5 @; E/ w      }
; P2 W. O3 o" J0 q$ R   else {
* T, M+ G% G9 d  I9 F* N  [      xPos = xPos;  G' x% Q, v! k: j6 W# g3 p0 t0 a. n
      }
2 S6 n9 X( R* F( \+ L' d6 Y% ?! `   if (yDir == "down") {) ?2 f; m- [! K
      yPos = yPos + BallSpeed;8 a3 `* W' }8 q  q9 W
      }5 H1 w. d6 s1 J0 M% C& H
   else if (yDir == "up") {$ {% ?5 z5 j2 X" q( r
      yPos = yPos - BallSpeed;# g) X& P  c% t
      }* t" ^2 a6 b8 ?' Y3 g& u% ~
   else {
: X* E. X( B9 ]! `      yPos = yPos;6 w9 J5 ^6 @9 [" o# S
      }. P5 B6 U8 a2 Q
   }
8 w3 W4 H7 \: r9 H; i
( W' o" e% ]: e0 M( u3 Y$ b; vfunction hidetext(){+ W( g. T4 o. D  P: s2 a( v
if (document.all); |$ E0 F, Q5 h; |, Z6 }
supertext.style.visibility="hidden"
1 c4 P- O- ~4 q3 E4 o7 U) Q' Melse if (document.layers)/ l9 h7 I  Z) f3 g, r4 j
document.supertext.visibility="hide"5 }" z; O5 `+ y- `
clearTimeout(animatetext)
* x& Z+ c) t& e( i; ^1 f+ D}
$ {+ W5 U4 W$ i% j! O" v7 x! T1 ^
  x7 a+ y. K! mif (document.all||document.layers){' p* p- R! a1 I3 Z3 N0 g4 e! I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 @, o; b6 P1 |
window.onload = initializeBall;
4 c  Q2 T& ?1 \window.onresize = new Function("window.location.reload()");1 F& i) n# W% t3 [4 ^1 i
}
0 I0 g" @! k% y# I) B) E
, w! R' S( O5 g& h</script>