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

zw2004

<style type="text/css">1 u" I0 H7 E5 \4 Q% E
#supertext {
/ b/ P" ?7 v% W+ z0 o5 hposition:absolute;
, j; Q3 T5 ^2 s; L5 q+ O6 R  l+ ~left:0;
: U7 u# J! q! h6 v& I+ X4 `8 w, Wtop:0;, y, k( m# Q) U6 S) }
visibility:hide;7 c4 Q9 u/ \0 l! ~6 }8 ?$ ^$ g$ Y
visibility:hidden;" N& b% H+ v9 P
}# s) w% f2 U  B
</style>: X+ y6 @* P/ @9 a
<script language="JavaScript1.2">
% J" P. Y. \/ [6 F8 Q6 j<!-- 改变下的字体的大小。颜色-->
) e7 \2 o- a- w2 x/ A& Y; v4 Vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ ?. \1 E- D; `9 J
var hidetimer='';
8 Q+ O) Q( A* v<!-- 改变下的弹跳速度-->. R, m" ^4 O' [1 i9 H3 |
var BallSpeed = 20;, \7 Z  ]9 b# S
var contentWidth;& T. B6 v( c/ d! b
var contentHeight;
2 f, {* \" _8 fvar maxBallSpeed = 50;
; j7 f" T! A  M1 U+ v) \
+ l+ h/ v) j; C/ ?9 u$ ^* P6 q3 D# f) r; o
var xMax;
' y2 z- r. A2 p$ Zvar yMax;5 n0 K: e7 b+ ?! W
var xPos = 0;
$ X0 N  x  i1 N' h! B8 Kvar yPos = 0;
/ F5 {' S9 Z$ O) q5 s5 Y  R1 @var xDir = 'right';
  S) n- k. g3 Y& }2 {, G5 x; lvar yDir = 'down';
) J% J. R# i! c- \' B: Gvar superballRunning = true;
3 }) C8 i! }) `! T; {% C9 Gvar tempBallSpeed;+ w0 O% ]' k, B' C: \. u# v" V
var currentBallSrc;
* r% r4 I; _# A2 Dvar newXDir;
" k  Q" Z+ Q" k+ y2 g" d  nvar newYDir;
. \: @/ F" |+ M) E0 o( \0 @1 j
# d. G1 ?2 K5 m8 J" z/ v- |function initializeBall() {
5 P& q; o2 E9 I+ m8 z8 ^" g   if (document.all) {+ c: }/ `9 }2 [; i" F" J( h# n$ l
      xMax = document.body.clientWidth
8 c, t6 P& _- }/ k3 @( K/ E3 k      yMax = document.body.clientHeight
. y# n+ l  @/ w+ F0 E0 n      document.all("supertext").style.visibility = "visible";- i" h5 V! g& C- |/ r
      contentWidth=supertext.offsetWidth
$ C. [$ V1 b" Q      contentHeight=supertext.offsetHeight
6 Q- [! y$ e. B* O2 ^0 i+ y      }
7 ^( S5 {+ Y. ], z+ R; F) F8 q   else if (document.layers) {! V2 c, _! q& ]0 I( _; q
      xMax = window.innerWidth;
, M, o/ e, h5 F- |' m: ~4 w* B& h      yMax = window.innerHeight;
& m- ^" T3 O  T      contentWidth=document.supertext.document.width
$ o& \5 R- M9 c* `; e& d/ V      contentHeight=document.supertext.document.height
3 G$ ^4 m8 N+ X; g      document.layers["supertext"].visibility = "show";5 q- G4 x) K7 O7 `
      }
3 x& e) J# q. ~5 i0 S+ D   setTimeout('moveBall()',400);
1 D/ Y% m: X& k* j  p( z' W   if (hidetimer!='')
- \  ?% V0 j# h. d   setTimeout("hidetext()",hidetimer)  S: W! {! x% D. I- c; n" ]
   }
: T0 t) w: Y" Y; x2 E8 _6 {# i! f9 d0 r
function moveBall() {
- n/ a* s: s$ W7 c   if (superballRunning == true) {
3 m7 j4 L# Z% T& i      calculatePosition();7 w! Z9 d5 ?  t# Z% X6 ]
      if (document.all) {$ W! g1 u6 y: V
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 U" ~/ D) a2 Y6 f         document.all("supertext").style.top = yPos + document.body.scrollTop;1 e- T# U( d( }5 K+ p- a. O8 K; B
         }
' y) B+ V4 P( l      else if (document.layers) {
* W2 e5 k' F% G         document.layers["supertext"].left = xPos + pageXOffset;# u& y6 x1 P: T8 _8 x
         document.layers["supertext"].top = yPos + pageYOffset;& B" `. ]( v7 q
         }* K1 g: F6 G& {- h4 }! B
      animatetext=setTimeout('moveBall()',20);# |1 D. `; ]0 I8 \3 U4 j3 i
      }
% w8 I" V$ r5 `2 X   }* Z, {) Q  M- ^

  R6 s8 O) D) n! O. x2 q- N5 \7 E0 Efunction calculatePosition() {
, D6 x, l& c, T1 s   if (xDir == "right") {
% r0 A2 R9 c- }" X1 m) G      if (xPos > (xMax - contentWidth - BallSpeed)) {4 N; v/ j7 i2 c1 W$ d+ m
         xDir = "left";. N# t6 w/ c* L' c. Y
         }
$ V% v! T5 P- z0 y+ k5 @& p& @( V      }$ U5 Z; t8 |$ c/ v: ^
   else if (xDir == "left") {
, ]0 O, @5 {4 L      if (xPos < (0 + BallSpeed)) {
; P/ Q# `: R  k2 R! I4 D  `         xDir = "right";
" [0 D3 W# r# j/ \6 H) T9 ~" R! H         }
( Q- X- h- x3 O' M      }
6 j! a% r$ @4 h4 P: r1 `   if (yDir == "down") {
3 E* q# q3 [; g/ X# W      if (yPos > (yMax - contentHeight - BallSpeed)) {
# U7 I! M% z8 Z; i. o         yDir = "up";: ?7 l. v( b. E; Z% J# j. X
         }% `( N8 \% d5 M) d  p
      }
* W3 ]% ]! \- C) F2 x! ~& y  v- i   else if (yDir == "up") {
, C: `* W( _2 j; c; @2 i      if (yPos < (0 + BallSpeed)) {& p1 Z3 U% P- P/ M/ P' @
         yDir = "down";8 @1 O  d# q) P. s7 ^) ~1 i
         }* y0 p" U2 p6 ]3 Z6 L
      }5 X0 [: C% o( n* x# A. F) n# D
   if (xDir == "right") {7 U- b- R5 ^: j: \* k
      xPos = xPos + BallSpeed;
$ J& k. X+ z' g; E8 i      }" }) E& R7 W. {5 M6 O8 z6 i
   else if (xDir == "left") {5 j2 d! E6 X0 H9 B
      xPos = xPos - BallSpeed;+ K, O0 H. ^' f$ h4 v6 C/ T
      }+ x; E. e$ S. @4 l% K
   else {9 P/ D7 R" ]7 M2 g. B) U& |4 ?  A
      xPos = xPos;
0 @, s4 o- r7 T6 u      }
0 g4 }, I, @1 F7 q! D   if (yDir == "down") {
* c$ F/ [& e7 D3 \7 S) j) R# \5 s      yPos = yPos + BallSpeed;: P3 G$ B+ N. D2 Q% W- _
      }! s. p- p2 x3 Q) s9 y: v
   else if (yDir == "up") {7 E( _. `: _1 R4 E( V
      yPos = yPos - BallSpeed;* Y# ?) t1 \- P' U7 A$ q- V
      }  B; s+ `. |5 Y% b2 {) L
   else {
/ j: s, y0 H, ?# W' w& m      yPos = yPos;8 D8 t- j- x) l2 p/ ]
      }
4 e" k' r+ e) [5 x  y. S   }% n) ^3 i& I2 v( w( a8 j

" @% x* {* c9 {& I5 j6 l+ O8 ffunction hidetext(){9 G4 X8 A5 J# Q* x( c$ }! }
if (document.all)
; j& y6 a6 Y2 ~8 |supertext.style.visibility="hidden"& c8 G" ]' S5 a( Y
else if (document.layers)
7 M, E+ s4 d4 g; x3 R# udocument.supertext.visibility="hide"/ ~+ `4 {) F/ q
clearTimeout(animatetext)0 R' K1 s$ O. f
}
/ I6 C7 o! i2 r, `- g6 O: D1 j- Z2 v; Z4 J; y+ d2 W' I! U
if (document.all||document.layers){
* L' w. R& ~# X4 R  M$ cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( H, Z& v+ s  n# Gwindow.onload = initializeBall;
) J- w2 J/ M9 i, }! [( bwindow.onresize = new Function("window.location.reload()");5 g2 H5 h5 K/ |- F- w6 D$ k. f' |
}
( v3 r- {7 s+ V, A
( z& F! }% B1 j! b+ `</script>