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

zw2004

<style type="text/css">
6 c$ M6 u" m) j% k0 [#supertext {6 M' I5 r. L+ @7 h
position:absolute;2 m' ?, w, z$ f  ^* \
left:0;
5 ^2 D5 |6 a2 M( U/ ]top:0;4 N' Q8 m' v& E' ?
visibility:hide;. M& q5 y( R/ D! c8 B
visibility:hidden;
+ ], Y$ L1 b+ T: k. [}
2 V$ x- i) j: g9 s& D- ^! R</style>
# h2 v/ M# q# |/ L( z+ h" h, B% r<script language="JavaScript1.2">
7 \  q2 U7 h% s3 t/ \; Z7 @7 U<!-- 改变下的字体的大小。颜色-->$ R, \' w) D- I$ F
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& b! X$ x' G! f9 A8 p7 P2 |* Y
var hidetimer='';, @# y3 D" Z# o1 y- C! B* H3 l6 S
<!-- 改变下的弹跳速度-->( |( ]7 {) @' C7 B: F* y
var BallSpeed = 20;
: m% C! m' g& [. _: i0 l% E+ Tvar contentWidth;
9 n6 ~1 H& B% u5 h. h/ y- b" q* lvar contentHeight;
! `( t# l7 B- [! Tvar maxBallSpeed = 50;7 P+ L( Q$ G. U# K

1 d* ~! M4 T2 x# e; ?
& m& j8 @/ w/ b! V  [' v  }1 C. xvar xMax;0 N$ j8 e0 ]# F, }; `( E" B3 R; n
var yMax;
4 X6 n+ E5 d3 M9 [var xPos = 0;
3 g! G' q) q5 ?. ovar yPos = 0;
% v& h4 e! l/ b4 n3 jvar xDir = 'right';8 m" ~- ~+ v! M% A, a
var yDir = 'down';  s8 o: f; _* {" A$ ^+ m2 j  b
var superballRunning = true;5 ~( C6 t- Z. _0 M: X
var tempBallSpeed;9 s! U% K3 K0 y0 Y" n- t
var currentBallSrc;
6 O1 ]7 H1 G0 Hvar newXDir;
, _9 x0 ?2 ~4 F* R7 [var newYDir;
  W) v/ l1 n, ]5 n& |8 ~- e
+ ~" E2 C4 \. l8 p* W& a' Gfunction initializeBall() {9 j) _! Q+ v+ E6 ]6 ~8 `. p
   if (document.all) {
% g, [% K2 a( Y2 N6 N+ ^5 k      xMax = document.body.clientWidth
* ?& {% c4 b0 c6 S' E! ]7 k$ n* `% \8 V      yMax = document.body.clientHeight9 f9 h( N% k4 E& i; c1 s
      document.all("supertext").style.visibility = "visible";# r8 @, e  j" x2 C) r, |% G
      contentWidth=supertext.offsetWidth$ d. R3 L' ?( w" f! H  Y
      contentHeight=supertext.offsetHeight  g/ ]% [* |, z- d/ a+ |
      }
5 j4 T- C% h2 V  ]   else if (document.layers) {
7 R4 [, ?1 R2 H6 R      xMax = window.innerWidth;+ ^! {+ E( k$ ^! E
      yMax = window.innerHeight;
! r& D+ [1 c6 C      contentWidth=document.supertext.document.width' ^5 Z% H, F2 @( `  v9 i9 I( }
      contentHeight=document.supertext.document.height: [/ Z; z0 [; n9 H. a; y. C
      document.layers["supertext"].visibility = "show";
& F6 K7 A3 ~! T% M/ Y      }6 R" X$ T9 p' z3 v3 B: Y/ a* C
   setTimeout('moveBall()',400);0 C+ n* R4 t' }, v5 K9 ~( o
   if (hidetimer!='')
2 H* L" m" |5 M; J   setTimeout("hidetext()",hidetimer)
3 o4 V2 Y* F: ?. Z& x8 u% [$ s   }- T) s; \7 @0 C. @

1 e( B& S' |% w: e8 D4 efunction moveBall() {
4 N% j9 N# a( O- d( P, M   if (superballRunning == true) {5 m* g/ t6 p# f1 S% L7 O# q$ p
      calculatePosition();
1 n+ z3 K6 h8 X      if (document.all) {
/ s8 ~5 `; S* Y1 a# O2 d/ e! g         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 @8 t) V% @5 r/ H2 s
         document.all("supertext").style.top = yPos + document.body.scrollTop;+ o. B9 F. O: K( Q5 j* @" T
         }
8 Q# M- P. `7 F3 D4 R      else if (document.layers) {
; t* p  `) H" N         document.layers["supertext"].left = xPos + pageXOffset;3 N4 a' Y& K8 R$ Z1 @( m
         document.layers["supertext"].top = yPos + pageYOffset;: Q! B2 X! I1 b/ Y3 c2 t
         }
7 Q& e7 m3 i; I# a8 Z2 g6 N      animatetext=setTimeout('moveBall()',20);
. l5 B7 H& c* n' M      }
! W3 P1 D5 |( y* X" J, N   }, D8 @3 Y$ J5 V0 m' f

. d% M" F6 A# O# `8 ^function calculatePosition() {8 z& T* R: a6 q: |, r2 i1 G6 ]
   if (xDir == "right") {/ e3 ?2 W- S4 O1 i  [3 k. v; a. S# ]
      if (xPos > (xMax - contentWidth - BallSpeed)) {
' e( L+ Z  F8 |. s- r         xDir = "left";
% J: r4 `* w1 _         }
3 W  W7 o& V" D      }
# m+ W# I4 y& j   else if (xDir == "left") {( S4 W  @3 U$ g& d, B1 d
      if (xPos < (0 + BallSpeed)) {" C- a2 F# Z7 K& Z' d- \& T
         xDir = "right";
' R! k; [$ H/ X$ n0 r4 i         }
' H7 w" Z+ e" Q6 ?: n! |" n      }
8 `/ s1 h$ S5 @0 ?   if (yDir == "down") {& R9 e" \: _$ B6 T4 ]/ _
      if (yPos > (yMax - contentHeight - BallSpeed)) {
. u' v: c, W8 y7 U& G2 J/ g4 A         yDir = "up";! {/ G0 p) _' X4 w3 `$ ~
         }5 u3 C4 C/ q5 Z- i0 r
      }
2 |1 I* ?  a% u& `* M2 K: O. \2 S   else if (yDir == "up") {8 t4 I9 K$ j' T6 B/ Z" W
      if (yPos < (0 + BallSpeed)) {
3 o+ ^6 _6 J. I. L3 ?/ z         yDir = "down";" I; @0 @- R; O9 `9 `0 k' v
         }0 K, g7 x: q, Z6 M
      }
  R4 @3 i- F2 K$ X' h   if (xDir == "right") {) g- Q0 R2 A& ?' S5 c
      xPos = xPos + BallSpeed;+ O/ r" m5 \+ \6 }- I) {% i( t- B( J
      }: R* r0 e: b, `3 o
   else if (xDir == "left") {+ v! k  h! a5 I. y6 R" k9 ?0 W
      xPos = xPos - BallSpeed;
- w5 j) v; d# O, t3 n      }
1 o! A, ~' X& _+ C8 @( \! u   else {
& x1 V. j) X( }+ H3 c) t! T      xPos = xPos;' J" G2 p" o4 n: ^- `
      }( r3 c  G$ e& ]+ Z8 S
   if (yDir == "down") {0 J9 j! D+ |1 |$ |( T
      yPos = yPos + BallSpeed;
' v! x, _, U! Z7 m" ]2 U; K% Z      }
" ^: c7 N# Y- G6 _! c5 G2 ?   else if (yDir == "up") {
* E3 _) K8 F: a0 b8 T# K      yPos = yPos - BallSpeed;4 h$ O% Q4 G% b/ L7 @3 D
      }
# \8 Z9 V. Y- D) L' I# @   else {7 J9 F; W  d% M7 U! [# y
      yPos = yPos;
- i0 Q* l5 @/ j3 Y3 T      }4 K# ^1 z+ c' H( O  Q; z8 u# |
   }
3 A# I& v, \6 w$ M0 e6 @$ j; W  F. |7 B# T: U) `7 l  }
function hidetext(){
$ w5 I# j; ]* ^6 @+ B( M& gif (document.all)
2 @0 H' ?# M7 D/ |3 _supertext.style.visibility="hidden"
7 y& I, y2 X6 L' @4 aelse if (document.layers)* Y7 W: w$ n6 ]0 {/ O- J/ p: G
document.supertext.visibility="hide") P( Q' ~6 [7 j9 \: q
clearTimeout(animatetext)& u6 T! u( {. f* |/ o
}9 ^) l- ^# v( ^6 _
5 ~- T+ a) i  w! {$ O: u1 T9 P% {
if (document.all||document.layers){
! l8 ^% M% E" E; T' [/ {# {document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& d7 u" Z5 E: ~) b: z4 v* kwindow.onload = initializeBall;
3 H3 `( r; b; |7 G( {3 k9 ?window.onresize = new Function("window.location.reload()");" ]* k. X. `* \/ V; `" {
}# Q9 U/ x, p( K3 m% u; [

& G6 ~; u- n' s1 ~; V</script>