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

zw2004

<style type="text/css">  H) ]" {7 s' z1 [9 G) u
#supertext {
; D5 V5 `& K. u9 F9 r1 x0 d! Z; [position:absolute;" t$ a2 a1 D& M% i
left:0;* B1 W: M/ {# t% q" d) b0 A
top:0;( r8 j! U$ z; t/ c
visibility:hide;2 q1 o- G- O1 |5 _# t
visibility:hidden;
0 l8 w4 B9 h3 X}
1 J0 W5 s4 a5 b0 L$ Q3 l( S/ t1 L$ ^0 M</style>+ L( l9 I" Z9 C& b) [, S
<script language="JavaScript1.2">8 t* O% l( ~4 s
<!-- 改变下的字体的大小。颜色-->$ N/ z3 \* }$ d
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 L4 ]0 I2 M4 j0 }var hidetimer='';
, \; u% M6 h7 g<!-- 改变下的弹跳速度-->
! ^5 Y+ L# E! }" P1 P( f: u( |var BallSpeed = 20;3 N* `1 O* J9 D# W4 u  F1 ]5 L
var contentWidth;' k0 f) \. L( N9 M' v6 W
var contentHeight;8 Q& R6 U. O8 W' L% L) Q
var maxBallSpeed = 50;
: e" t, ~& ?: i' C; m. x0 {) C
8 e  d4 f+ X5 l; }# {
& Z: z1 y) d7 E7 D, Xvar xMax;
8 U) c  {5 x- p, n/ p! u6 Uvar yMax;" d( h: N% N7 Q4 A  }
var xPos = 0;
! o  j" t( h3 c4 Uvar yPos = 0;
' ^" U" P% [$ C7 s2 v2 ivar xDir = 'right';
% W* l. r1 j4 J: \var yDir = 'down';
5 J% }+ V* ^5 j' n" R4 I. W( Q) T9 fvar superballRunning = true;
# V" n0 s& @4 P0 G2 S  hvar tempBallSpeed;" }; I  R* E$ y+ F. F  r8 T
var currentBallSrc;
% o9 `: ]4 Q( f7 {, T2 y5 yvar newXDir;
  D" d- b0 `. U" U2 ]6 s9 Svar newYDir;
. R- J2 \3 C/ Z9 s: s, }- d/ G
2 L( K3 a% T: h4 A  afunction initializeBall() {1 L7 j1 W2 W- I
   if (document.all) {4 n: {7 _3 _5 l  E( d6 N
      xMax = document.body.clientWidth! N7 ~4 \0 a7 ~. c
      yMax = document.body.clientHeight, ~' p3 `/ U' N- G3 I
      document.all("supertext").style.visibility = "visible";
7 t- u- [3 k( q4 @# ]      contentWidth=supertext.offsetWidth
) V3 Q+ z; m9 \9 |      contentHeight=supertext.offsetHeight" V( l7 v1 A2 c- f
      }3 w- |. x2 m. k2 B0 Y
   else if (document.layers) {
& h* d8 @$ ?* D1 u( z+ `( {      xMax = window.innerWidth;
$ J1 d. o3 O9 g" U5 D5 U6 ?      yMax = window.innerHeight;
* ?0 L1 K6 l, ]* S0 ?$ E% Y7 {9 A      contentWidth=document.supertext.document.width  G0 p) z% M- u. W  P
      contentHeight=document.supertext.document.height0 p# B" T$ t' U5 e3 z
      document.layers["supertext"].visibility = "show";
* P$ E# X6 p  ~7 V2 y9 O8 P! B      }
' n, M1 l$ K$ F   setTimeout('moveBall()',400);& }$ U" S3 S2 l6 _
   if (hidetimer!='')0 M0 g6 O4 N: p" ~  B
   setTimeout("hidetext()",hidetimer)
. W9 S0 T8 C' p- g: n, H   }
+ m! j- z1 p4 }9 A$ w) `/ A: G. S4 ]- }; i0 ^6 K: D% [, l+ o" t
function moveBall() {
% L7 e  |6 K6 R  q1 G! k   if (superballRunning == true) {" v) j3 |! d2 t0 C3 @# p. M
      calculatePosition();8 B8 ]6 L2 ^! d1 E8 O6 ?
      if (document.all) {& o& N4 A% g) n& V
         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 S$ W& _. P; O: Q( E* D
         document.all("supertext").style.top = yPos + document.body.scrollTop;& D" W. Q9 T. a) T- L) M( V8 B" c
         }
! G( k3 f! X, R  x6 w! _      else if (document.layers) {& f* {7 Y2 I+ ?3 D
         document.layers["supertext"].left = xPos + pageXOffset;7 W# @) }2 ?# A+ L  J
         document.layers["supertext"].top = yPos + pageYOffset;& l) p. G' c, k4 c/ d- _1 ?* G9 @* Q
         }) y7 e8 {  w  n) C& s. K% i- d* p
      animatetext=setTimeout('moveBall()',20);
5 k. I7 ?% Q/ z' K      }$ b( r3 ~; I/ A5 \2 G; U
   }( l$ K9 b; x9 w7 p' W
! Q6 Y. l: u! [- ^6 \( G' t
function calculatePosition() {
# i- X6 n4 z4 f% j( [   if (xDir == "right") {! R) y0 V8 B8 L$ G1 E6 C5 N! U
      if (xPos > (xMax - contentWidth - BallSpeed)) {! ^9 D3 R; b8 a
         xDir = "left";
, h* h8 \! g# H* Z3 R: [         }' a9 s+ o! \! V$ S+ y. K0 |; J
      }
7 v9 M5 _9 U4 ]   else if (xDir == "left") {
4 v$ b1 |9 U3 R" m      if (xPos < (0 + BallSpeed)) {
6 ?* G+ i+ h5 R6 G* F( U         xDir = "right";
! p* A' h& x- ^& z% l  P         }" l4 E% P4 X( s' d% r& e
      }
6 n  g+ D5 m$ Y* B( I  G( m' h   if (yDir == "down") {
. @0 I: G4 v* A* ?      if (yPos > (yMax - contentHeight - BallSpeed)) {
- R8 [* b# n+ u) Z* X6 [, E         yDir = "up";
7 N, o( N- T. S/ g' Y3 {         }- f! T& `/ [# L
      }
) J) {6 @" s3 a$ i( W7 `   else if (yDir == "up") {* o: |' ~" z* S, O) W
      if (yPos < (0 + BallSpeed)) {
, L9 Z% ?3 v; f# q! B! g* d' T         yDir = "down";; n# c! ^7 j9 |' |
         }
) M7 i* A& B2 [      }
4 `5 o1 s) ]6 N) S) t. {- w% d   if (xDir == "right") {) V' n( J% L1 Q7 J; b
      xPos = xPos + BallSpeed;
' K# U9 O/ {1 j% i' J1 P# m      }1 l) c% |1 x3 H- T
   else if (xDir == "left") {
" S8 I( ?" v5 y$ [7 Z      xPos = xPos - BallSpeed;
, T9 a) z+ i7 X8 H* ]+ j      }
. `" ^5 `( h# X4 [9 G9 E( Y   else {; D) i: L4 l  b) K0 v& w
      xPos = xPos;
5 @0 v; v( b) z* j      }$ X8 F8 ^) E1 A6 @/ m! E
   if (yDir == "down") {
, I! q+ o: ^# j# n3 _: n      yPos = yPos + BallSpeed;: n: E: d$ z+ ~3 a$ h
      }2 Z5 a7 c* O7 }' R
   else if (yDir == "up") {3 M& t/ H$ _9 j1 S; h1 G
      yPos = yPos - BallSpeed;" X' v7 f# P1 Q" }# R
      }
/ |/ @/ O2 z! S  o   else {
7 ~& L3 |" x0 n0 X4 I      yPos = yPos;2 O5 R4 |2 Q% V8 Q* E# x. B
      }  g. o5 x, K) j' i0 `+ o
   }+ u, y0 A" H# t# X' L8 d
2 f9 x! Z7 a! K* [/ x
function hidetext(){
. l* Z* M$ j: z  ^$ t0 cif (document.all)
5 U; [+ ]  A3 |( ssupertext.style.visibility="hidden"
: H2 R- Q# ~' X/ Q  oelse if (document.layers)
* [  E# r/ \! ~. Kdocument.supertext.visibility="hide"
+ u/ X* q+ ~- Y( j; j7 g. aclearTimeout(animatetext)
, p2 X0 w9 H$ h/ T  j/ b}9 d5 E+ ]$ w* Q2 W) w

* }5 C! y) K6 kif (document.all||document.layers){
8 X' L/ m& Z# Y" I' F2 [document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* c3 j* W- r* o( D& g3 I. R, Z  h" D
window.onload = initializeBall;
6 q8 x, Z; B/ W6 b2 n1 Wwindow.onresize = new Function("window.location.reload()");
% l1 [8 O+ d/ W}
$ P" A+ ~) c- J0 m! O& z; w+ c$ y. V/ b7 ~$ i, z
</script>