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

zw2004

<style type="text/css">
; m9 u; X+ o9 ?6 T$ @, p' M  n#supertext {
. [5 {: i1 \! c. k5 ^9 K) y* \position:absolute;
! b# C7 S; n  j( Y( X# P5 }$ jleft:0;3 S3 n0 S3 X0 V$ I8 j% R
top:0;
, p. r+ G# c3 u' M' v9 t& @visibility:hide;
3 a* r0 i8 `# X5 U# Z! |9 P. o$ |; D. O' `visibility:hidden;7 m1 }* J, \  }3 w+ K
}: p( l7 O/ b; V
</style>1 ^1 l# l% v4 f% W
<script language="JavaScript1.2">
# {) S4 k' o" {# f) p<!-- 改变下的字体的大小。颜色-->
/ u' p) S' E# c  ]2 Rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 k2 F/ a1 f. b2 j& Y% Q
var hidetimer='';
/ f/ Q; R3 U  W<!-- 改变下的弹跳速度-->% j: }- f% d9 J) S! P
var BallSpeed = 20;; s$ Z9 p+ ^! r0 `4 s
var contentWidth;
/ \2 L- R/ Y# v$ e+ g! qvar contentHeight;8 Q) _% ~' @/ G5 w
var maxBallSpeed = 50;
6 R. e( O+ A4 @, T9 J5 f' Z5 c- r0 a) E4 u  `- a. P0 s
* @) \) C" I) O; k6 a5 B  g
var xMax;
9 T4 ~1 M9 d0 Vvar yMax;
3 P, \# m' S' p+ T1 w: N1 [0 [1 ^, O+ Zvar xPos = 0;! O3 n& k: }: w9 D4 n1 i2 d
var yPos = 0;
5 g$ b, o. u# Q; r% A/ V6 r8 uvar xDir = 'right';1 ?- r/ D3 D# x3 r
var yDir = 'down';" O, V9 Y7 F3 J0 y" v1 S
var superballRunning = true;6 L5 [) }! B) b: m% X6 D
var tempBallSpeed;
( F9 i% w& B+ {: q* `var currentBallSrc;$ y. f9 _% s$ p% O+ o
var newXDir;
4 j" h7 i& _+ X4 e2 d& zvar newYDir;' [  _! {6 i0 n& F

  N# z+ p" ]  v% p7 B1 H* {: \function initializeBall() {
" @5 _4 x  C. i+ I   if (document.all) {8 |# g4 J2 x! X; i9 r" z
      xMax = document.body.clientWidth
# X' c# n1 e. g: S* m8 o4 K      yMax = document.body.clientHeight+ E2 d: N4 H4 ?5 z
      document.all("supertext").style.visibility = "visible";7 ]. m+ C) {4 _* t9 k7 {" F
      contentWidth=supertext.offsetWidth
  u8 H2 R7 t1 z- Q      contentHeight=supertext.offsetHeight
3 J/ [) a9 H! c4 ~, v0 A      }7 [' Z& Y) W/ ]$ m) k
   else if (document.layers) {* P3 k2 [# ^$ f5 ^( c9 }
      xMax = window.innerWidth;4 f" p5 b/ z; ^) @, d: ~
      yMax = window.innerHeight;6 `% B: b7 r+ H2 j# C2 h
      contentWidth=document.supertext.document.width
1 y" ]- O3 T5 T$ F+ g, l      contentHeight=document.supertext.document.height
8 K8 [6 {4 X6 P( X! g      document.layers["supertext"].visibility = "show";8 U/ P$ O% C) t7 H4 G0 u
      }& k) r. n& r+ E! B! |
   setTimeout('moveBall()',400);
9 c7 v/ \1 J2 X  d7 n) l   if (hidetimer!='')
) O  x$ `0 |1 I$ P4 p8 b8 |) m% H9 }   setTimeout("hidetext()",hidetimer)
2 h2 H3 {0 t; K, \" Z, [   }1 r/ O% {, f9 J8 R
; y% G: P2 w4 ?' f  F
function moveBall() {% d& b- ~4 y1 l' i1 s2 S: Q$ v" l
   if (superballRunning == true) {
, `* J  v/ c; j+ R$ [4 C! k2 O% b      calculatePosition();
1 N8 G- y; X8 s' `( k* e4 K      if (document.all) {
8 Y: K7 W" w% K5 O& _" _         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) g: d9 p# v. U. V/ {1 {6 X" F         document.all("supertext").style.top = yPos + document.body.scrollTop;; Q- b7 ?/ O* |; O7 T1 i
         }
, L0 x# ?8 V' X+ P% J  N      else if (document.layers) {5 v' N* A* c/ y4 v
         document.layers["supertext"].left = xPos + pageXOffset;
/ H; A5 g+ `! T9 G8 p) V         document.layers["supertext"].top = yPos + pageYOffset;
/ Z! J8 {5 ~. d         }' L! v* l1 ]+ j: m2 R
      animatetext=setTimeout('moveBall()',20);
1 [* Y% K, c" A9 J& F      }; T8 i7 K% g5 t. S
   }
( t/ p& p4 x+ B% |' F# c/ {* u' k* P
function calculatePosition() {
( z- i! ^! T1 [7 a; F   if (xDir == "right") {
4 s2 {6 H2 F5 @( @      if (xPos > (xMax - contentWidth - BallSpeed)) {
% H! _* o% S/ y         xDir = "left";: T  ^- z* N% O
         }
& C) d; O2 u9 B" X# g, d      }
/ U8 C$ m3 c+ W4 B$ _   else if (xDir == "left") {
& e2 C) _9 u- l+ R- v6 ]      if (xPos < (0 + BallSpeed)) {
( O8 n. l" ~& B7 C* f         xDir = "right";- U4 z6 M4 R$ i7 @( N( T$ S
         }
* ]& B8 P/ U, k4 ^& I8 D      }# E5 m  V4 f: j- H) M% k
   if (yDir == "down") {
4 O9 R2 [! @* p& W- t      if (yPos > (yMax - contentHeight - BallSpeed)) {, ^, G. v6 X5 C; q5 L  T* g
         yDir = "up";7 W* [, Z# w/ V: i
         }
. V8 F& K3 [: E      }1 R' [* Z" v$ n& n5 t- m0 G& t
   else if (yDir == "up") {
, E; w9 u; ~7 _& v( h2 z      if (yPos < (0 + BallSpeed)) {9 J; E+ [1 w/ H& @
         yDir = "down";! K2 i% I8 x7 ^5 ]/ G
         }
! L! T3 q( H+ V6 X      }
8 v4 j; j$ Z' `# [+ ^8 k8 O   if (xDir == "right") {
+ V% @% E! @, L- P      xPos = xPos + BallSpeed;
' }8 C- D/ ]5 T2 b      }7 A! s+ u, v6 X
   else if (xDir == "left") {5 b/ R5 h  ]. q6 p4 D
      xPos = xPos - BallSpeed;
1 ]+ P! j2 K+ d/ {' f) J5 d2 {- y      }
) N  ~+ b" C. u; Z& K$ i" b   else {: n+ n2 Z% m1 x1 w/ A) j0 i0 A/ Z
      xPos = xPos;
! F% l& d( J) I& B; j      }
" C1 @) K/ r  I1 r. S$ Y   if (yDir == "down") {
$ K; Q2 D, \) ^5 \0 g% I& T      yPos = yPos + BallSpeed;
4 v% o6 a! p$ X% Q& `! {      }
$ [8 }4 O' B' A   else if (yDir == "up") {
7 J/ [0 K/ A" ?) M      yPos = yPos - BallSpeed;
, C. L* G0 _( c7 B1 |      }/ o; }# T8 n: _. t+ _. ]! ~  q
   else {& C3 R' w9 q3 Y
      yPos = yPos;# V8 M% S; i* T* a; P0 g9 N) V
      }# e2 J, Y! q& x) c0 s" d& M
   }! C: E" k6 ^: o8 ^

' l" }' P% P! U4 k+ s2 e1 X' a5 k. dfunction hidetext(){! j; t( \/ t8 @1 g1 Y$ W! }
if (document.all), Y( p3 ]2 C3 S; h" h8 g' J) j
supertext.style.visibility="hidden"
- l0 J3 d# G7 _. kelse if (document.layers)& \$ l8 I9 {' C7 g/ f2 \/ k1 A
document.supertext.visibility="hide"
) I* R$ F# z9 O+ X4 pclearTimeout(animatetext)
$ P6 `1 j, u/ G9 ?: @}  w" u" f. U% U# }0 ?
+ B; r' q2 ~5 [0 L  [. d3 U
if (document.all||document.layers){
2 K$ o) ^5 Q- K+ Z  Xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
  M- A1 p9 R6 Wwindow.onload = initializeBall;! \. C) r; S$ v% |, \, Y* F0 s
window.onresize = new Function("window.location.reload()");
, ~! m5 @* l: }% |$ n& n}: m6 R. E/ A1 U  o  R; \2 ~
% }6 o1 Q8 @6 c6 Z4 E: I
</script>