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

zw2004

<style type="text/css">
+ A; \* Y# T' J5 p2 B- ]#supertext {: y# B' [/ U: u" @& A/ l4 h- \, `8 z- `
position:absolute;9 j% w) t- P# S6 L
left:0;
  h9 p: O& E8 u9 Mtop:0;7 j1 n/ ?* |$ j/ T8 P# q
visibility:hide;
8 ?$ \; ~3 A1 _* Tvisibility:hidden;5 x* V1 J! C; G
}" q0 J3 _7 _  I( o5 W
</style>- u1 j) v  d) e! H# C4 D
<script language="JavaScript1.2">' E" Z) l7 ]/ l* H0 y
<!-- 改变下的字体的大小。颜色-->
, T' @, @: H9 r" b) O. cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 i4 I6 \; E( \8 L6 V! Hvar hidetimer='';
$ p- C: f% k6 T  [, i" E<!-- 改变下的弹跳速度-->
9 V/ I" I( q. M& v: p3 Y% Jvar BallSpeed = 20;2 R) I( [' W& U. ~4 x
var contentWidth;
1 D. Z% B8 x& f& ^8 kvar contentHeight;
" R9 T% Y; W0 o1 [5 J3 U7 Avar maxBallSpeed = 50;! ?  t, i# W# n% v

- X+ y) X5 _/ U# j+ Y3 H" D
& G5 }4 K3 t$ W2 Uvar xMax;
  f! i2 T0 y$ vvar yMax;
2 i1 U) A( a* Hvar xPos = 0;! D7 H  Q. [- z; E5 f: `% |
var yPos = 0;
( O. E! N" q" N/ k5 fvar xDir = 'right';
0 G) I# U' K6 p7 g1 s0 o$ C% `var yDir = 'down';: R* v; |2 s) L% C6 y5 A( I. t9 ^
var superballRunning = true;
+ ^% H# f# \8 q# K- Avar tempBallSpeed;8 B" u2 d8 C4 a
var currentBallSrc;
0 X. ]3 S3 _! y$ F  bvar newXDir;' c* ~# H% v1 ^. @' U2 D4 W* b' ^
var newYDir;2 p( V* l6 g8 f+ B
0 L5 g3 D* R" q
function initializeBall() {
$ t, G! I. ?) C- t* p; }* V5 L+ f/ Y   if (document.all) {6 \, d; k) E! A' @1 a# t
      xMax = document.body.clientWidth0 B! X4 f- N1 @: ]! x
      yMax = document.body.clientHeight+ y6 {" T; y. f* W% M
      document.all("supertext").style.visibility = "visible";
0 o6 S3 F- f1 @) B      contentWidth=supertext.offsetWidth1 A* q$ C4 I9 i- m: ~
      contentHeight=supertext.offsetHeight
9 k/ X1 H8 H, g1 N8 q  m      }: Y! {$ e. ^" z" K
   else if (document.layers) {
$ ^( ~+ P% R/ H7 ~      xMax = window.innerWidth;
; `; ?; M- @, d      yMax = window.innerHeight;* p+ o" k; {; R5 A+ u3 r& I
      contentWidth=document.supertext.document.width
" f" O' Z1 z  C, Y      contentHeight=document.supertext.document.height
1 H; O2 m- ~# \& B+ y7 a      document.layers["supertext"].visibility = "show";, o- h5 r9 J2 q& U+ k/ R
      }) G) l  S2 O$ j9 e! `
   setTimeout('moveBall()',400);# d9 \- Z7 s% a! i
   if (hidetimer!='')4 B- l1 W$ S8 g" Y0 j. c
   setTimeout("hidetext()",hidetimer)
1 j7 n; o: E7 q( V8 V   }
# a# v* Z5 Z: f* b9 P5 z/ d' p' d4 [# c# @6 E/ K) T, z- T
function moveBall() {
" _, G, G: l9 @$ n; I; h   if (superballRunning == true) {
% y- Z* u0 ?/ h! H& \      calculatePosition();
7 B: j2 A" H2 |! w- P7 _      if (document.all) {
  `0 J3 A5 ?8 U9 k3 }) C+ z         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 P1 G8 {9 [$ Z, j
         document.all("supertext").style.top = yPos + document.body.scrollTop;! b7 V% K1 n  i
         }
$ A" c. g" I0 q      else if (document.layers) {4 X( |8 i& _6 G- k" a( i
         document.layers["supertext"].left = xPos + pageXOffset;; f# |" c+ o% b! g# @: G. ~0 U
         document.layers["supertext"].top = yPos + pageYOffset;
' @( d, U- [, T7 F         }
5 w, |" _+ r' A/ B9 ~      animatetext=setTimeout('moveBall()',20);
5 s7 ]* q  p. P      }; T4 T/ R, L* l) I& B& u2 E' A
   }
$ X9 w4 ]' \. N! e8 N
; \/ L+ w1 a% k  q. Y2 Zfunction calculatePosition() {, `0 d2 X4 |, k* ?$ X, S; i
   if (xDir == "right") {
5 L4 E& k  V* k+ [% v, A" G      if (xPos > (xMax - contentWidth - BallSpeed)) {
, q+ _4 \/ H( x" ^3 l3 m  B. w         xDir = "left";$ C* u0 p) D! L; B
         }) N( E1 f2 k# _1 X
      }
* w' x+ l& w- K! t, p   else if (xDir == "left") {) r) [- s- O4 b% W3 b4 N  z: A% j9 F
      if (xPos < (0 + BallSpeed)) {1 E& ~2 ?" Z- h0 B3 g# m7 M6 B1 ]0 {
         xDir = "right";0 `2 ^- @. ^: C1 P
         }
  N0 Y6 o8 @6 e      }
+ u* V/ Q" L) v- x( `; k; ~0 b   if (yDir == "down") {9 A, @0 v- _+ Y$ \" q$ A" v
      if (yPos > (yMax - contentHeight - BallSpeed)) {
* P1 h7 t2 i9 y8 w( E         yDir = "up";
3 E% D! N2 N; s0 q! i4 A3 P$ I7 L         }! F! p6 D, |) t6 b
      }1 \4 C$ T" ?/ }
   else if (yDir == "up") {$ L, z# y+ |! K9 Y- ^
      if (yPos < (0 + BallSpeed)) {' G' Z4 T7 ?4 r( h
         yDir = "down";
1 ^: y# a  X: |/ t; p5 i* X$ G         }$ e! s0 x- Y# H: C
      }
3 C( G. N2 k' Z( k" W   if (xDir == "right") {
: t+ i( W' O* b* A      xPos = xPos + BallSpeed;8 K' V1 L: R# K3 K# I# C6 a7 I
      }
5 k* k& h# ^+ }0 u) V   else if (xDir == "left") {
# _; A0 _4 \$ g- g7 q0 h      xPos = xPos - BallSpeed;
6 p# h7 ^" }9 |& h      }
! g6 `2 S$ |- n  J- q7 C   else {
* s; i" c1 ]- z! b4 w      xPos = xPos;
3 u2 M( k! c% y$ J- a8 E/ d      }
  n2 B( \7 f7 K7 f   if (yDir == "down") {4 l' J* ]4 O' ?, q- M6 x. w+ b
      yPos = yPos + BallSpeed;
  E8 q' f; j' q0 q/ z; y  p      }% Y( m+ [+ Y" N8 a" X5 S3 @7 z" @
   else if (yDir == "up") {: T  c9 w' L) i  f
      yPos = yPos - BallSpeed;- L" i7 H' a+ t
      }) G2 w2 b" Z: J! U6 G
   else {  w! i2 g2 G$ }" p% h
      yPos = yPos;
1 Z% ]" M1 Z: I      }0 Y. d7 K. N3 w) n6 J
   }! ?& w: d* ^) Y; |
1 r) Z7 y" G8 |$ m4 c' E' Y
function hidetext(){
" s/ h, U, r  k$ n" o2 Nif (document.all)
- h9 }7 B) z5 a3 Q0 rsupertext.style.visibility="hidden"
5 T. [- @6 U: p) j+ j1 pelse if (document.layers)4 m, y( N$ _. _
document.supertext.visibility="hide"
" U, s' e: S, J) ]clearTimeout(animatetext)
7 x  g' C$ N6 z+ [: o9 v4 i}
- @- v, ]8 A! t+ Z; K3 P7 j0 G! O( i2 g9 n' x" X8 m4 c
if (document.all||document.layers){8 s* C7 C+ A( P  P8 F5 a8 A
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 D/ W0 G7 E0 b4 x* Ewindow.onload = initializeBall;
% @7 Y3 V2 v# Kwindow.onresize = new Function("window.location.reload()");% A; j$ a1 \! F2 W+ x( t1 `
}
6 d0 y; [( c& a7 q  K& g$ H& O( P- p! `" V) l9 Q4 @. L! Q- F" K
</script>