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

zw2004

<style type="text/css">
0 v: P" {5 K: k3 b#supertext {
5 Y8 [8 O3 [% m# kposition:absolute;
: Z8 K; a- G- t3 ]& t& D* w  Cleft:0;7 @/ Y7 J: D. N& Z- ^$ C
top:0;* p2 A# G/ A+ {1 ?
visibility:hide;7 l) N3 o/ ?  [" ~' G& @% x
visibility:hidden;; }4 ^2 |+ }3 _; {/ M
}
# ^; d* ~4 @% g: u</style>
4 P+ a% S, Q7 t& ^<script language="JavaScript1.2">: ]* y, a9 h2 I1 f; P! D
<!-- 改变下的字体的大小。颜色-->
% M# c, ^/ a+ j3 x+ ?0 n2 Qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ B- p0 g" L9 D$ d
var hidetimer='';; \. b* C6 D: M$ N: b% F
<!-- 改变下的弹跳速度-->
- p0 ^6 |. S3 ], T# Jvar BallSpeed = 20;
2 s( [+ P- K' b! c, L- Mvar contentWidth;
; E+ @8 x! F5 Y3 @/ Y% J' {var contentHeight;& D( k0 N0 k; {7 }+ Z
var maxBallSpeed = 50;* t* q5 G8 D0 B) m& C3 F

* ]6 ^: _* U- I" w6 L8 b
* K7 V: q% L; `9 B$ avar xMax;% X( s; \: S6 z
var yMax;
# D( _/ M& z" Z; |+ I) hvar xPos = 0;
. Y  [: b8 R4 y" h4 j" uvar yPos = 0;9 c: _3 j2 E8 u
var xDir = 'right';
, k5 d. B; Z3 lvar yDir = 'down';% W" _% J1 |& n: N
var superballRunning = true;3 u7 q8 E" D2 @1 F! ~
var tempBallSpeed;4 O6 r9 C' _9 ?8 h% v/ y, W
var currentBallSrc;
7 N5 x1 [; b( T6 ^. tvar newXDir;
( h* D7 t2 Z: Hvar newYDir;
# j2 V, R+ `: g! J2 q3 z! p2 X9 A5 w* N1 ^/ k$ m0 z( I
function initializeBall() {
2 b9 X# C1 B$ {/ D   if (document.all) {
$ o4 `) X- k) J0 {# O      xMax = document.body.clientWidth! e4 d" f3 _& r: m' [6 j7 ]
      yMax = document.body.clientHeight3 n: _6 c7 Z8 _' k0 \" O: o2 q
      document.all("supertext").style.visibility = "visible";
  z2 [+ B2 V# {2 g9 Z3 Y$ s1 K      contentWidth=supertext.offsetWidth$ C* o% q$ U" c, q& X
      contentHeight=supertext.offsetHeight: r3 I8 e" f6 O# ]# A
      }  J) ?0 J& s- h
   else if (document.layers) {
, q* w# \3 ]8 s8 B' G. Z/ B      xMax = window.innerWidth;
" F( |; y: G" b7 f      yMax = window.innerHeight;
: l% @, e" y6 Z8 Y7 `& Z. H$ `      contentWidth=document.supertext.document.width% t6 K% ^0 G1 p9 }. V  @6 S
      contentHeight=document.supertext.document.height
- u. @& N/ m  b* K, z) X/ S      document.layers["supertext"].visibility = "show";% l% h6 B6 {' T7 u: g
      }
* `$ m: ~+ B$ U7 s6 m1 R- n   setTimeout('moveBall()',400);9 M( i% u5 B# G6 J8 O
   if (hidetimer!='')' M2 k8 u. _$ T9 U% c
   setTimeout("hidetext()",hidetimer)# l: R4 X  i. }" k) R( A" c
   }
9 L" g+ P3 _  m' C
$ L# ?7 O6 p! v# t" n5 vfunction moveBall() {) W+ O0 w* J- F; h; l7 V/ }) H
   if (superballRunning == true) {" o" {. f- [: w8 I
      calculatePosition();
# y; q8 O7 H( F, n! I* I      if (document.all) {; ~" |4 H8 _1 L1 @
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 q. |( c$ Q' R: p3 `, R         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 s* f* P7 s/ K$ y& C& p4 H         }
9 x2 f, l+ V9 Z      else if (document.layers) {
+ G9 d* i, }7 _8 U: E& u1 w2 e         document.layers["supertext"].left = xPos + pageXOffset;
  {. t' @; z$ b( n         document.layers["supertext"].top = yPos + pageYOffset;
( _$ r* W, F  i4 Y( K) W" O% X6 e         }
# v% ~* D0 X# \8 |5 T; Y3 \9 Z' k8 |      animatetext=setTimeout('moveBall()',20);
- G/ c! u- x1 p      }
* [0 c9 o% j7 k" u7 U$ Z8 V   }
3 R  ~3 f1 l& w2 p. E7 y7 G. e! V% J: I- W! |
function calculatePosition() {1 f6 p' e& ^; R! g9 g! W: d% U6 p& J) {
   if (xDir == "right") {) ~7 K! A* d6 p
      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 z5 V9 T; p4 q6 m( Y- D/ i& Y         xDir = "left";
- d7 A( }' l1 ?/ l& L         }
; Y5 a! d- X! b7 K8 B- j/ z9 ~      }
6 _! F# Y- u7 D   else if (xDir == "left") {
; n! W! s$ g7 G* P      if (xPos < (0 + BallSpeed)) {6 [( |* X5 R- t
         xDir = "right";
' E/ x. x, D, o+ t         }1 f0 d. Y) n/ W4 y& d0 l& n
      }
+ w' B" G/ L3 q, I+ X8 O6 h+ T   if (yDir == "down") {" M% ^! i, V! l/ p  [
      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 ?7 f6 U8 z: C# X+ W  \         yDir = "up";
3 |* R: I4 u! v         }3 k5 K, h  r' L" K3 R
      }
- S9 d7 d1 e0 B' p- x9 K% f   else if (yDir == "up") {
- l) R$ W2 Y. V      if (yPos < (0 + BallSpeed)) {
! r- s  i; y. o         yDir = "down";9 Y0 v( ?% B, @  r' D" Z( L# @
         }2 h7 D& J- |1 z5 c- }
      }0 N% {; x/ j% D# a
   if (xDir == "right") {8 A0 n$ A, |! |6 t
      xPos = xPos + BallSpeed;& I& V; a$ T! o" A, M  y- A) c
      }
1 S1 m6 t) q; c- a   else if (xDir == "left") {9 ]$ f+ u# m9 f
      xPos = xPos - BallSpeed;3 I8 Z& P0 {, v2 o, W* q" Z4 l
      }
  W+ A; O2 s2 U  J6 s, u9 R  w   else {
( c) ^( X2 v6 y2 Q8 z$ c      xPos = xPos;
  ]. w9 r  {  {2 q( r      }# U; o" n% y1 b0 \6 |0 |* x
   if (yDir == "down") {  F6 O9 ^6 K0 s7 ~8 @) Y- i
      yPos = yPos + BallSpeed;2 Z5 a) w0 f  s
      }8 k1 k/ Q) A( q2 Q. s, w
   else if (yDir == "up") {% @( x7 s8 S4 v8 T4 r* k5 o- w
      yPos = yPos - BallSpeed;% f0 R4 L. T7 x3 w, I0 W- F
      }
) C+ }  \3 [+ i+ X3 z1 m   else {
0 z- \2 X, p' M/ ~+ \  Y  W      yPos = yPos;
; b6 X" a  d$ P8 e8 `      }; |. R+ L1 m7 ~  a
   }1 t9 u# O. J2 }

2 j" @6 C. Y+ k$ j& Pfunction hidetext(){
/ H$ ]5 K4 `- B. Pif (document.all): w8 x, p" f+ `: P! E5 m7 v
supertext.style.visibility="hidden"
4 }9 N) I; a+ K1 B* C3 q' e# kelse if (document.layers)8 l- V3 F0 m; l6 j/ N, N# r
document.supertext.visibility="hide"
/ I' ^$ E% W+ N( c# P7 w5 hclearTimeout(animatetext)
+ P, ]. z8 ]3 C6 J}
, r) j- A, w7 _* a& s0 b2 t9 P6 j' V# G( l5 M
if (document.all||document.layers){( H, }: ~3 H6 L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 |% |9 [; r9 y2 C/ ~! I( H- [window.onload = initializeBall;, Z$ q- A( N. f9 x. U
window.onresize = new Function("window.location.reload()");: w$ i& z% l! A0 x! t& }# r6 G! f' O
}' d, j4 l6 V- U  @& V  j' Z" k

* T1 d7 f" N4 d2 o; D- V</script>