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

zw2004

<style type="text/css">7 S& ~5 G7 p9 q0 n- S$ h& N; e
#supertext {: n! S; p% U) ]; r( |7 C
position:absolute;! c, b% G+ j8 L4 D' h8 a
left:0;6 N7 j5 Q4 I% U% _6 E! {" N' C
top:0;
# L1 D  I; Y! D, vvisibility:hide;9 W. A$ Y5 b9 [1 @5 R
visibility:hidden;/ A4 T6 {3 G4 j' Y. c0 S$ U( q
}- W5 t& d) O# k$ u5 \! E! J: K  i
</style>
8 p+ I$ L9 p& N4 x9 [. x<script language="JavaScript1.2">
8 y( j1 P$ f  H* O) T: y<!-- 改变下的字体的大小。颜色-->$ t' R) f" o/ o, i
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 ~) W5 U: h& Q1 c8 }- c
var hidetimer='';9 k2 x4 g) w- E( K- U5 I  H8 Q
<!-- 改变下的弹跳速度-->
1 A, B# q- w& B1 E+ [! `var BallSpeed = 20;- S' x2 v' W: _' H0 c
var contentWidth;) k. C, B5 s% M# E' B- z6 N6 A, c% E
var contentHeight;
6 h' y) A9 m8 D( Yvar maxBallSpeed = 50;; f) C6 U, I( A6 a
4 X5 a5 j& W- q' `% p1 J
  j" F: D1 w. s& N& B8 D' G! k
var xMax;
4 p2 W0 M, l, N0 R" H2 B4 kvar yMax;' g! w# I8 o, Q; Q. c
var xPos = 0;
7 k9 X7 J2 Q8 ]( ~" l- G" h! Kvar yPos = 0;, ~2 n, Q6 |9 |2 R  J
var xDir = 'right';
# P. p3 c# @% i8 Hvar yDir = 'down';6 z. o* ]- \/ x/ c* e1 z# C9 P* ]$ }
var superballRunning = true;+ d4 f. y: c) p% U* r
var tempBallSpeed;$ M" c3 o0 x+ g6 Y( b
var currentBallSrc;4 G& T. f: q( O$ d
var newXDir;
6 s( n# [, Y3 svar newYDir;
6 y, z% E# U6 |
- z* j8 G. }. }6 d0 V, ^( ffunction initializeBall() {( F7 T: Q. J) j
   if (document.all) {4 u. T% C8 u, a
      xMax = document.body.clientWidth
# r, E( m6 e+ D8 D) f8 T0 U      yMax = document.body.clientHeight
/ G- g. ~/ A$ ?$ V      document.all("supertext").style.visibility = "visible";4 c' h9 \0 p+ f" G+ E
      contentWidth=supertext.offsetWidth; J+ o0 h0 V3 w. \, P7 B
      contentHeight=supertext.offsetHeight: b' }4 E4 Q6 b; t
      }, F4 S6 k6 Q0 m% a- c# R* Q
   else if (document.layers) {! @  |- I. A8 V; a! l
      xMax = window.innerWidth;
, o$ ^7 \6 U8 ~1 a  d- t% w      yMax = window.innerHeight;
9 A' F% r# G0 L% S' A5 @9 g      contentWidth=document.supertext.document.width
5 [: m. ~' z4 g1 ^7 i* _6 ]# G. y      contentHeight=document.supertext.document.height
' O8 V7 |# C$ f8 x3 r      document.layers["supertext"].visibility = "show";: c) d" F3 t( w5 k( Z* @3 ]. d
      }
2 _+ W7 x4 B* j# ]   setTimeout('moveBall()',400);
4 J* N3 A% B$ m$ |$ h& D   if (hidetimer!='')6 z) `: [! ~8 w- R1 j5 N
   setTimeout("hidetext()",hidetimer); y4 A, }/ a1 J6 p0 E
   }6 d- ]. u( \. O1 c9 w- r
  v1 i% l8 b- B. t$ B: p' ~
function moveBall() {
8 o* K+ j' K; L% S8 H  F8 p- ?& B) ?   if (superballRunning == true) {
7 ]$ d& m4 j( c+ M      calculatePosition();: M0 q3 X0 a* ^+ J3 @) T3 v
      if (document.all) {- ]: B4 g, ~8 F, X) v* ~: Q9 w1 E$ b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ D- H3 J$ L. L         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 c7 k& _6 k8 p- {         }
( F3 y0 ^- x0 {5 Y/ t0 v      else if (document.layers) {2 q  }# V* i: f! S, {
         document.layers["supertext"].left = xPos + pageXOffset;, A6 i/ }6 l. u) U0 `# W, n
         document.layers["supertext"].top = yPos + pageYOffset;
1 ~# b7 K, h. n6 }         }' R$ k/ d" I7 L. x% a
      animatetext=setTimeout('moveBall()',20);
) u) g2 G" I: }6 h3 H      }5 b0 a3 c' v' N$ \9 A$ f" Q" X) o
   }
2 f  I: w2 o' O9 p- C5 y5 \( X1 e) |" i5 `
function calculatePosition() {: ?$ d. H3 w1 C9 X1 b( Z
   if (xDir == "right") {
8 {7 \0 O! X) Z: g      if (xPos > (xMax - contentWidth - BallSpeed)) {8 X1 b  i6 {1 W( S- n( J
         xDir = "left";- }% D5 Y- [# Q2 g; D7 ~* j
         }$ w( T( C+ z( u; H0 ~
      }
* g8 {+ N1 E6 ]$ l: @/ T   else if (xDir == "left") {+ D/ C% C; i2 C: Z1 W! z
      if (xPos < (0 + BallSpeed)) {
# z3 F& A% Z$ _3 L; y" \* R         xDir = "right";
& Z5 f5 R, @- U1 p2 N9 H  s* n" A         }# A3 X  ~! p) k& J0 s
      }. K: b* |2 F4 ]/ J6 i; J& p
   if (yDir == "down") {
# o8 b" j; `% Y1 T, o" x      if (yPos > (yMax - contentHeight - BallSpeed)) {
) R* M( i6 A2 ]3 Z         yDir = "up";
: \. c. x, _3 U7 m9 I9 u         }
, v# T/ A: a/ a6 H$ z; T# N      }
2 N: u, j& K( j  S1 g* s% G   else if (yDir == "up") {, d  S$ T' L. [. ~% c. ?. U
      if (yPos < (0 + BallSpeed)) {* P. \0 `5 R+ B5 }% a1 c7 m, S; f
         yDir = "down";* \# \1 }+ m6 M/ `
         }
4 x8 _9 X' S1 a7 C      }$ p2 ~+ G% v, @2 Q: z1 }8 i8 Q
   if (xDir == "right") {
- r" s6 ^% U  W: p2 h$ D+ l      xPos = xPos + BallSpeed;
0 ?- |7 G5 U- P1 `  U      }
  r( B$ |) i, X# |: l* w; }, R   else if (xDir == "left") {
9 t* T6 q( Y/ B) q      xPos = xPos - BallSpeed;
- Y. s6 P9 Q! Z      }; c- J: u; C: `2 b
   else {3 u+ K3 U0 e7 A( d! b3 u4 d
      xPos = xPos;" U4 G4 U! N  ^( ?* k# `
      }
- k1 }+ z; L  f& ^   if (yDir == "down") {7 K( z; c: {, H. {( O7 d
      yPos = yPos + BallSpeed;8 B3 l: o! k9 A& _. K7 y+ C
      }
4 ^8 f/ J" G, K4 T( M) K   else if (yDir == "up") {9 X3 C6 R* w. \0 R3 b- e7 F" w
      yPos = yPos - BallSpeed;
; U, ~5 ]9 S4 T( n: C, H" h* m      }$ D' _0 P1 f+ S( g0 |- l
   else {
1 Z0 w  M8 P9 |! Y. C2 u6 N2 ^8 V) [1 ]      yPos = yPos;2 N' p+ n$ i6 m6 l& M
      }
" ~+ B  m. _1 A   }
1 M  v: b8 Y, n5 \7 Q! \% P# V
* Q1 Y2 n0 D' y1 b" A  ~function hidetext(){: R& |" ?; W5 N3 i) i( q
if (document.all)
# Z  U5 g: G/ g# Gsupertext.style.visibility="hidden"" k# S# I3 l/ [
else if (document.layers)
" M& y- l4 S5 R* h- o' Zdocument.supertext.visibility="hide"
# q* v. k- \( ^* oclearTimeout(animatetext)
, \* X3 d% L7 H  [- A}
0 \4 j8 S+ w& c, m
3 T- l) P+ l! z. F9 T! a) Z: Eif (document.all||document.layers){
4 J/ n3 \5 S! ~$ g8 I( U% Hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 S- B- v8 Q" R1 f# S- r  P1 ]; E$ }' Hwindow.onload = initializeBall;. T3 S- n0 B% {8 J- o
window.onresize = new Function("window.location.reload()");+ j/ k* ~4 d* K
}
2 I5 L8 e: H. |# p3 d$ C
. v& w5 L7 \, x* d6 O</script>