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

zw2004

<style type="text/css">1 W" \' C, u- G4 I4 ?
#supertext {
' m$ Y% ~: X4 T  K* Dposition:absolute;
& F' b  c/ a5 O: f  jleft:0;+ j+ }; k3 q5 o
top:0;
- e+ A# c! U* l8 P2 [' Zvisibility:hide;
" A/ |1 J4 l  E% A( Tvisibility:hidden;
& O4 A" x9 J1 F+ T! \}1 l5 u- _7 _) z- t( R% k) C
</style>8 G/ l- n' l2 \, N9 M
<script language="JavaScript1.2">
8 y9 }$ _2 ~* S1 X) N  D<!-- 改变下的字体的大小。颜色-->
' a: E  i: I$ ]) j0 c4 {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  J& x' A! j2 O3 R. F0 G/ \
var hidetimer='';
2 {) ~, T  A$ T1 s1 g4 l1 o<!-- 改变下的弹跳速度-->
3 J% D; s9 I' i. X7 y8 t+ b) ivar BallSpeed = 20;7 S6 G: y1 Z1 R
var contentWidth;4 l4 ^0 }, V; y  A5 y' @" ?' g* Q$ U
var contentHeight;
. H# a8 _% o0 [8 w. Rvar maxBallSpeed = 50;
  T0 i" ~' ^% \# ~& T1 o* h! f: j! y9 r

3 l* _* O" U: g1 Z, uvar xMax;- I8 A& F# u$ v' I0 D( D; E; C6 n
var yMax;
+ [( p& j; \  t& V) c5 I1 bvar xPos = 0;
1 T( _5 B$ H! k4 C! H6 l4 V- o, {var yPos = 0;
1 G  l6 C4 N6 V8 lvar xDir = 'right';2 @5 W, k0 _* ~$ Y
var yDir = 'down';- w& s) f$ _: r# Q0 Y& b
var superballRunning = true;. b1 t8 b) H% O; ^. p" D6 C5 ~/ P
var tempBallSpeed;6 p% m' {# l' m  m8 Z1 s: Q( M0 E
var currentBallSrc;
$ U. S8 M1 k8 n& r5 Gvar newXDir;
' [5 B5 Y& x% w; nvar newYDir;
: R+ ~- d% O5 N$ j" Z( @4 S5 x8 A& Q
function initializeBall() {
  T5 G7 Q/ N( T" n2 G3 B% A9 F   if (document.all) {
" q7 j& U# I6 q      xMax = document.body.clientWidth
2 V2 r7 b4 S! ~, ~' ?      yMax = document.body.clientHeight* `0 B* ?) ~8 |- ]. f
      document.all("supertext").style.visibility = "visible";
5 S  r9 L4 T: W% T/ H      contentWidth=supertext.offsetWidth: }& e  U; y' D. r0 j
      contentHeight=supertext.offsetHeight
3 `9 Y0 ^7 i' ?- D3 F1 D' f9 O      }9 ]1 ]: r: v7 d* b1 {
   else if (document.layers) {; h8 ?9 w# o2 A2 [9 D
      xMax = window.innerWidth;
5 m$ a. R2 V5 d7 r( f) s0 [      yMax = window.innerHeight;
  B! \: j' R6 K2 V% \1 ?' n      contentWidth=document.supertext.document.width
2 ?; ^9 S6 @% h2 _) {      contentHeight=document.supertext.document.height
: a( D9 n: z6 G: o  |8 y# t) y      document.layers["supertext"].visibility = "show";2 q8 m' I( q* Q/ C' o
      }
  e4 _0 p9 i! @/ D/ b2 G% g   setTimeout('moveBall()',400);3 ^. m4 x/ C3 H' a
   if (hidetimer!='')4 p/ P, o9 z$ F' D
   setTimeout("hidetext()",hidetimer)% i. t$ Z  X# v. x7 L
   }
+ v  n- _( m: F: o" \  E: C% \! C* u$ J
function moveBall() {
+ g# J$ l, `& D/ _   if (superballRunning == true) {$ p# j7 Q; P+ X5 v+ a1 K1 w/ [' u2 H
      calculatePosition();
4 H8 L) e- v5 p, m! Z% |      if (document.all) {; D& ?7 `! G5 E' y, y4 M
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  P& @0 O* }, @9 y  W5 ~+ e         document.all("supertext").style.top = yPos + document.body.scrollTop;* V( P! [: S, h  _
         }4 F- M6 A( b1 F
      else if (document.layers) {1 Y/ ?, f  K' U. M
         document.layers["supertext"].left = xPos + pageXOffset;
+ y4 `" j3 l  U         document.layers["supertext"].top = yPos + pageYOffset;
; S4 \* D! u) ^* }3 I( C0 s         }
# Q, Z* O$ ^% u# U2 Z      animatetext=setTimeout('moveBall()',20);) l, O) b0 P6 y# P
      }) v$ g: \, B5 Z+ L4 P5 _2 A8 G
   }6 B5 h) v+ W: _2 ~
" `" L: q" u: c! n" f9 `' y
function calculatePosition() {
) n: F% c- J! g" j; t6 c% S. V* X* J   if (xDir == "right") {
" d( H$ F0 {) _$ O( W1 ]  C/ f& ~      if (xPos > (xMax - contentWidth - BallSpeed)) {
; [' p, V! ~, a+ v" _: ^         xDir = "left";6 W( O/ q: u+ I. n3 D- e
         }
4 q9 J& d( B6 U# e! e; |! \8 L& _      }: m' e/ ~+ A& U
   else if (xDir == "left") {( [$ R+ h' R& a" t
      if (xPos < (0 + BallSpeed)) {% h6 F! E2 U3 E$ U  s5 p
         xDir = "right";0 d% T; Y* c3 m1 @+ d8 E: T
         }
& D3 i4 {) k# u4 X8 s      }1 ^  l0 y% z: l+ i/ ]1 t- u- s5 U
   if (yDir == "down") {
" k$ r5 P. A8 b      if (yPos > (yMax - contentHeight - BallSpeed)) {4 w3 c9 F8 X6 P7 q3 v( W: n4 `0 \
         yDir = "up";
  i! ^$ h* I7 Y         }
  s% E; G: o+ p+ ~' G  ~, B7 \. x      }
7 d; e+ i9 `) x* a" Z2 g$ E# H/ o& h7 E   else if (yDir == "up") {
3 u, `9 D. O9 S      if (yPos < (0 + BallSpeed)) {8 |; }/ p4 l* D% y1 c
         yDir = "down";
% v& ]! k; i/ b         }2 l+ T# m; |  J+ G! E
      }/ y; W  s1 u+ }1 y5 o
   if (xDir == "right") {
1 c) G( B7 f- z6 H) o9 C      xPos = xPos + BallSpeed;4 `4 H9 {' D3 T, r* X
      }
; W% W7 W4 F" r& s6 C: X0 f! i5 K: R   else if (xDir == "left") {( L; h/ i$ B0 X6 v1 m" t
      xPos = xPos - BallSpeed;
9 c; C% w+ d9 i: z/ M) ?* y      }
9 u- a6 \; v8 z$ e8 {   else {8 r3 A6 m: |" N2 `( z8 z" d
      xPos = xPos;
# s8 g' o: E) f: f& ?/ Z4 A$ c8 N+ q6 O      }
: |8 w( G0 Y& `+ b9 f* _   if (yDir == "down") {
. k+ y0 q1 y" V4 W6 j. c2 n      yPos = yPos + BallSpeed;
. y- [6 E8 z6 ]$ Y- [      }
2 K3 x2 n& `2 [& M3 T) s' K3 U   else if (yDir == "up") {' M3 h: ]. y& b+ ^6 r( P
      yPos = yPos - BallSpeed;
. u/ _, m+ i! b1 R' O" }- b( _      }. |% Z. B. t% S% G5 e: C; m% ]! B( z
   else {
3 Y9 ?# @) O! @- Q      yPos = yPos;7 f9 _; t1 h* d; K& n
      }
8 h2 ?. a( z. L5 U9 ?% v% T   }
0 \1 D9 r. t- I+ w) ]  J  O; t
/ r. C) g5 c! yfunction hidetext(){
, h9 ~% G- K' Fif (document.all)" w7 p5 m; I8 ~# d# e& [
supertext.style.visibility="hidden"
1 Q  v; K% U4 w2 Y7 n& f/ H' Uelse if (document.layers)
3 g1 k, U4 U5 T) ^; Jdocument.supertext.visibility="hide"
5 y+ m& Y5 l! u% K7 C  PclearTimeout(animatetext)
# x' \$ }3 h# H- \; ~}  U0 R5 }! z+ K4 q( W
% `& p" }& C0 u; n
if (document.all||document.layers){1 ~8 f. z6 b+ _0 Y) u% {- r! f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 W+ K- N$ K, h+ |. Y0 n' ^window.onload = initializeBall;" q, g! c, B# W
window.onresize = new Function("window.location.reload()");( Y3 i% f7 m- b+ J+ d
}# `$ m. @+ {/ o$ U( n

! a% [6 |6 g7 J& f% C( ~8 [# O5 @</script>