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

zw2004

<style type="text/css">  C  y* b  a' V) }+ H4 d
#supertext {& [5 Y9 {' |3 J6 o1 A3 X# N# Q
position:absolute;7 {, x% v( K2 B8 m4 G" e+ b
left:0;
; K' p) j! A* rtop:0;6 T# S9 G( ~! C5 Y* J+ D+ K
visibility:hide;& }9 ]' b, L" T& S
visibility:hidden;$ e  Q7 m! P. \3 _0 b! {
}
; N6 Z, ^/ D5 {  ^: p</style>
, E$ g' j+ t7 q9 S<script language="JavaScript1.2">
  D8 L3 _( B0 q: D  q<!-- 改变下的字体的大小。颜色-->
" t) u0 Q* ~  n/ g- V5 R  b* M/ V2 {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  ]* u, I1 M7 k9 _. e8 f
var hidetimer='';
3 y2 T3 H0 f! y" |<!-- 改变下的弹跳速度-->" B7 D+ p% [. f1 a1 b, [" S# B+ s
var BallSpeed = 20;1 ?) |! d! V% x8 b# L2 _9 [: c
var contentWidth;
8 n2 A' h2 u! J* qvar contentHeight;) K" b3 H- i$ A0 M( W' h
var maxBallSpeed = 50;/ |, j9 k  ^. b5 M/ d$ f  Z& ~

& G" N! Q0 r, R& k* `# V; I, \
) s% j( B9 X% R: qvar xMax;
  _8 m2 F5 |: x+ j. R5 m0 Vvar yMax;
( k4 Z5 B9 b5 m  t- |, zvar xPos = 0;
: W; p2 B( \6 s  N; [  F  `4 fvar yPos = 0;5 N3 T  U7 Q0 i/ Q2 C8 U' G" |
var xDir = 'right';
* {* c& J) }! Q4 ~- }var yDir = 'down';+ d% o( _" G5 E7 h, W; t) V5 K( e
var superballRunning = true;- \, Y) |2 ?5 @0 w& q
var tempBallSpeed;/ x8 {6 S. `8 \6 Z, M4 [
var currentBallSrc;
6 j+ G, `3 s# w9 ]# z' c8 h( Mvar newXDir;
% S( l6 T. F( ?9 D7 F& x7 Avar newYDir;
( E6 y" ]. S4 A9 j& [% I0 w) a- [. R; I
function initializeBall() {
* `# e% }3 K7 U4 H0 }   if (document.all) {$ {9 w4 H4 X4 r! Q) m5 q! g) z" K/ `
      xMax = document.body.clientWidth/ @4 H7 L$ K7 x1 N5 v6 E$ A
      yMax = document.body.clientHeight
( `, o  {. Z' U1 ?      document.all("supertext").style.visibility = "visible";. |, ]  `/ r* P5 j
      contentWidth=supertext.offsetWidth, c5 K- C/ N+ V1 g9 ]4 Y/ c& @/ Z
      contentHeight=supertext.offsetHeight
- f( r, ]" Z: Y% g      }% {8 u1 _9 _. _
   else if (document.layers) {" s/ ~1 a6 n( s& C& s: p
      xMax = window.innerWidth;! e9 K6 ~" \. M" t* Q
      yMax = window.innerHeight;, h9 X; p: R' B& [3 S! n: C2 Y
      contentWidth=document.supertext.document.width
1 D7 K0 p- i1 P) G/ n      contentHeight=document.supertext.document.height
7 E2 W- _- O! R" N3 r      document.layers["supertext"].visibility = "show";
+ Z$ L3 y& t9 E" E/ U1 ]- S5 c/ p' m. k      }: ]! k5 ?" J8 ^, n- W0 u
   setTimeout('moveBall()',400);3 g2 P5 T7 {8 I9 z" Y1 A
   if (hidetimer!='')
* M- z8 K, }; h' B   setTimeout("hidetext()",hidetimer)( R8 I4 r: W2 `' e$ E( X, x
   }
; H+ t# g' C8 p, H/ s0 h. H6 N( u
$ z3 u; ~/ M$ _! rfunction moveBall() {6 Q) u1 a% ]9 @
   if (superballRunning == true) {
6 o5 z( |  N) \      calculatePosition();
; B1 u2 _% }' k+ c& Z      if (document.all) {4 a# z' C8 R6 G4 n) u, j  H
         document.all("supertext").style.left = xPos + document.body.scrollLeft;3 W/ x# t  u' u( s) e
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 O8 t: U+ B6 ?- D6 T         }9 t/ [, h& e) A9 _. a/ g( D
      else if (document.layers) {
0 Y5 Z3 {+ T4 m         document.layers["supertext"].left = xPos + pageXOffset;
0 e1 }4 c& A0 M' D  v7 V4 g         document.layers["supertext"].top = yPos + pageYOffset;
" f8 @2 ~) F1 |5 w         }
5 A, Y% M, p4 u, d9 s, `      animatetext=setTimeout('moveBall()',20);
/ S! Z$ k" Y  W8 [* {& C      }( Q5 h  }4 ^3 D% }% f7 d# b
   }! w% {, ^" O" |0 V4 P( ]

+ A5 F, }; H9 G# s; g3 qfunction calculatePosition() {, K% u! f" k( S1 Z- L: [) `
   if (xDir == "right") {
4 I  E% m( n1 `# W, C& i' |      if (xPos > (xMax - contentWidth - BallSpeed)) {; k. G' s! P7 |% a5 j3 U0 T* d9 X
         xDir = "left";
. v$ k; D$ ^5 E; D$ w* `9 r7 p9 @. \         }- p- [  J+ S  ^8 o
      }: ~7 u9 W! Y; |& s" [* N
   else if (xDir == "left") {
! e2 _- l3 Q' n, n7 j2 U      if (xPos < (0 + BallSpeed)) {
' C5 C, K: ^2 F7 K; c         xDir = "right";: r/ U# B" v, o1 V, Z
         }
2 K# _2 k% Q5 K4 F5 p! N      }  t; A3 n- P6 R1 q% ~& x
   if (yDir == "down") {9 Q5 W' J! W$ H
      if (yPos > (yMax - contentHeight - BallSpeed)) {  n% B: w5 n9 @9 r  O/ \
         yDir = "up";* `% W; Z4 }( Z" b9 H
         }
; v4 G/ `' x7 P1 f' p% d      }/ O0 P" X2 I) M; J" e' x
   else if (yDir == "up") {
+ S$ U! r5 ?5 z0 u      if (yPos < (0 + BallSpeed)) {
  a% R% E  l3 Y) I  g: @7 m         yDir = "down";
, i% S. r0 `9 G5 d9 q         }1 b3 ]; B$ E" s! z8 k
      }
/ z* s- Q7 z/ j* W5 k; ?   if (xDir == "right") {: j! H9 B- Z$ N4 W: ^" O) M
      xPos = xPos + BallSpeed;
, u% ~. a+ q1 ^" y* D      }  p: X) b6 s6 V: x, ^' ]6 a  n
   else if (xDir == "left") {8 C% T% W' |  B
      xPos = xPos - BallSpeed;
$ l! R3 }  K9 A& e+ Q4 X' D      }
' G8 n* P0 V3 t) z. ~8 E3 Y   else {
" W) Q* s0 B" q$ O/ y: O& o      xPos = xPos;7 r0 l: j: C! o1 P3 Z
      }
' R3 i! _. `8 N9 L, {4 |   if (yDir == "down") {# H6 m. y3 Q; A$ a1 K9 C
      yPos = yPos + BallSpeed;
" _6 C0 c1 J: ]9 ?      }5 Y# ^  z4 U( x. ]) y$ G$ p* X) j
   else if (yDir == "up") {
8 q' r0 }. @, G* }      yPos = yPos - BallSpeed;2 G# Y1 G  }6 \5 j; W3 N0 l
      }
! @6 q/ F' ]1 v1 f$ ~   else {' c$ n/ X. y, e0 W8 L0 Z3 h, o* y
      yPos = yPos;
4 W' k/ `. J0 C4 u* g* h      }( M5 K9 j$ m$ d4 B: R
   }+ @; m6 Q) b: `; r8 C

" n' |1 J& L  k7 I( ffunction hidetext(){
/ _# S/ ~" W) Y( Hif (document.all)
5 A. ]' v6 b" B* Isupertext.style.visibility="hidden"
- ], [6 Z+ G" ~else if (document.layers)
9 k! M( l7 [* A- `document.supertext.visibility="hide"
3 U2 V  |' X# C+ D5 j$ U% A* ZclearTimeout(animatetext)
) s3 N& Y% l8 a}' m' u# ~6 d; W6 Q% n) }7 E
7 j! f3 z9 S4 [. q7 ?8 f* {
if (document.all||document.layers){
% R+ F7 _- y: f0 T& S" ~4 Rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
) \5 [. j9 F8 U9 ~7 F+ ywindow.onload = initializeBall;
% _" `, |* g$ W# [* zwindow.onresize = new Function("window.location.reload()");
2 y" w* E) Z$ Q6 U  v) M, S}
9 t: B% R0 o% r( b* ]+ j. F
; ^( W) U% z  @; S! [</script>