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

zw2004

<style type="text/css">
( Q7 n5 u" G" h9 t2 N8 l3 K4 N#supertext {
! X9 s! J) g- W0 M  K0 T+ uposition:absolute;* Z, w; Y5 J4 ^7 a8 a( W% a
left:0;
/ z3 {6 s% z* E, S0 m# htop:0;4 m1 c/ A% P3 U( r* I4 l
visibility:hide;* D- s, A; x) X1 z5 ~
visibility:hidden;
. p" Z  k# O3 c/ N}
% m; d2 n! H5 m* v</style>% |$ D3 g7 c6 _
<script language="JavaScript1.2">
$ U  @/ P6 C! ?1 R2 g<!-- 改变下的字体的大小。颜色-->4 Q2 G! p. x' Y1 _- J4 v
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ _2 z  w9 {& G( J8 zvar hidetimer='';+ `% P# |3 @' P; Y/ {
<!-- 改变下的弹跳速度-->* X! ^$ _& C6 M8 f% d
var BallSpeed = 20;( D  p" ~, n* g7 n6 J
var contentWidth;/ E& s0 z( w% T6 x) Q: q
var contentHeight;
, [6 F# v2 T  E6 ~( d6 |var maxBallSpeed = 50;1 s7 l) S% @. r% j& ?% J' F9 z* p

8 R/ G& Y9 v/ p9 f" [% o& d5 @  `& P3 Q4 n4 v: {
var xMax;& d1 o/ c8 ]+ J/ Q8 @& ]
var yMax;
- S* [& n5 H5 j5 V5 Z8 t" {var xPos = 0;
% T) |  L1 B  z3 b$ H1 bvar yPos = 0;
: ?4 D3 Y: _8 A" E* M, G- kvar xDir = 'right';. x% T' M% u/ V0 s, V/ i/ F. R
var yDir = 'down';. I4 _' }3 x; |
var superballRunning = true;' T! {5 d$ N( p* P% V2 a
var tempBallSpeed;
; `, M" S! ?- c3 zvar currentBallSrc;
: ?, b, Z# O- ]3 n- D8 Z$ n2 t; c; C: Avar newXDir;
5 t, I# H. H% U/ Y; \% L7 Bvar newYDir;
9 H5 `( g6 E& `4 f4 Y% I) Z+ N
, n) W3 k2 m& p& F/ O  dfunction initializeBall() {+ d/ [' e! O$ K9 g
   if (document.all) {, a" Y, n: O' `
      xMax = document.body.clientWidth8 h! p- o' e, {9 k) v8 x: s
      yMax = document.body.clientHeight% X8 w5 L: O3 ~: X+ Q. a  b6 [
      document.all("supertext").style.visibility = "visible";
) B* F4 u4 X- W      contentWidth=supertext.offsetWidth
& y) H* V0 b! n/ L      contentHeight=supertext.offsetHeight
: ^( x5 t7 D; {; I      }7 X& k0 ~/ G& D& g0 O
   else if (document.layers) {
4 ^3 I. x7 d/ l( P" x+ W9 H4 u      xMax = window.innerWidth;/ [/ W' A' Z0 F+ E5 {8 h) q
      yMax = window.innerHeight;. l% {  h: d) Y6 i1 z' ]) b
      contentWidth=document.supertext.document.width. Y6 C7 N7 U  d3 q2 ?
      contentHeight=document.supertext.document.height8 f, D! |* m; [& W( B8 p, c% k
      document.layers["supertext"].visibility = "show";/ l4 w; b( J% T8 f1 T" Q9 m
      }
$ g# C0 D9 e8 b- K7 f   setTimeout('moveBall()',400);
9 Y. p/ a+ e# ~0 n# {# _   if (hidetimer!='')& K3 F  q6 f/ w7 A/ W  `
   setTimeout("hidetext()",hidetimer)+ N4 ^0 X' }- N% g
   }
4 u2 h5 z6 X  }- F
1 |! l! v# H( B: ofunction moveBall() {
1 R/ |: o. G# u9 `% C; N; G   if (superballRunning == true) {
6 U! t& L6 c0 x% X      calculatePosition();; |# ]9 f: ~0 c6 H+ s; z0 G
      if (document.all) {) n( t0 V# ~2 Z: @
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' h5 c, [$ h9 @         document.all("supertext").style.top = yPos + document.body.scrollTop;  n3 F7 i6 x7 ?4 c: X9 }
         }
* C* a, t* A; ?0 O: b2 }& |      else if (document.layers) {
% N! p. E- o# `. r* a2 R         document.layers["supertext"].left = xPos + pageXOffset;" h9 d. ?. O6 y3 |0 C. Y
         document.layers["supertext"].top = yPos + pageYOffset;* o, U1 e1 q/ x* S2 \+ y# k
         }- R% s8 Y6 N. }& e; D
      animatetext=setTimeout('moveBall()',20);$ I3 b* a; Y2 n% j) V/ _
      }
) Z% _) F1 m- J+ V   }
$ F' \7 w" Q9 j# T, @8 ^
$ J# K  ?& P6 y) P, U$ n2 i3 yfunction calculatePosition() {8 a; ?/ B8 A4 ]+ u
   if (xDir == "right") {
* |3 Y8 W2 S' e4 ]& u+ S      if (xPos > (xMax - contentWidth - BallSpeed)) {! o& W9 U5 _9 f7 W, ?+ g
         xDir = "left";
4 P! v4 a4 r6 e" H+ l         }) W* e" a5 X& f/ c2 V* N0 h2 P
      }
1 N4 U* e* B- i  U1 y   else if (xDir == "left") {8 W3 q  c( D6 Y! }0 A
      if (xPos < (0 + BallSpeed)) {
' ?, _" x) Z+ [: o/ o  d6 s         xDir = "right";
# S& @" r3 i. z9 l         }
$ m0 [0 B3 n3 q      }
7 m4 P; |2 v# \   if (yDir == "down") {
4 T9 y* T2 m: ^( a      if (yPos > (yMax - contentHeight - BallSpeed)) {6 j0 W' l$ r) Q& S
         yDir = "up";
9 T7 L2 {  N( V6 B- Y, w         }
! C  P3 T2 `; b$ z. f      }
7 Q; G# o( s; G' {4 @   else if (yDir == "up") {
9 ~- i; J# e5 g5 s7 e0 W      if (yPos < (0 + BallSpeed)) {* [; H8 Q) d( A4 D0 H- h
         yDir = "down";
% m8 d9 Y+ a, l8 _2 O8 w) i6 v         }
8 J: x3 Y, m' E7 p0 m3 e- f0 T      }9 ?3 F7 p% ^' W5 \
   if (xDir == "right") {
5 e* q0 R) o4 l/ v5 a1 j      xPos = xPos + BallSpeed;
* m0 V; K8 b( S, P" x0 t      }
" h" ^( j5 ~6 g& }; K, v   else if (xDir == "left") {
8 s* O' o) O' U) w8 t" @      xPos = xPos - BallSpeed;
& H% G0 ~+ c; n# K; V8 V      }$ D0 x: l. t0 g( g
   else {. [) [: X: r6 r  b& i: ]7 j
      xPos = xPos;
0 _0 L  b; L1 b$ M4 g# o      }7 t8 ]0 t# a+ u3 B- k
   if (yDir == "down") {
, V. G0 W) ~0 r% x' `! Y! L- `      yPos = yPos + BallSpeed;
9 ]9 a" z, i% v, Q& ^      }$ W9 n4 c  ]# N/ y$ J9 i
   else if (yDir == "up") {; i( _6 y2 H% Q
      yPos = yPos - BallSpeed;* y4 S, m& Y7 D& i, r' ?2 Y, E, _( M
      }1 x+ A( s. l, T: \
   else {& K! |6 W6 J. ^1 ?# E% t# n% d0 J
      yPos = yPos;
+ {1 Y7 D  Y- {) T, L( n( U      }3 P1 n( ^/ G: \" k, _) N5 [+ y# H
   }
9 K) K4 B+ g$ ^
3 q7 E0 E3 Q! w; E) k: e9 Y" c6 p& \4 ]function hidetext(){& `1 w" G' u1 h2 F) [- k* j
if (document.all)
5 I& Y' r$ w7 ^/ Rsupertext.style.visibility="hidden"7 E; c$ N) B% A4 ]/ Z
else if (document.layers)
; @9 E3 E8 _5 x: C$ q( G4 E8 bdocument.supertext.visibility="hide"8 D4 p( T3 R( \7 Q( z; \
clearTimeout(animatetext). U8 N0 G9 E( ^8 }" M
}
* R7 B. @# X7 b. |" a' u5 o/ m5 \6 [. E6 c* G% P
if (document.all||document.layers){, p% G; M9 |" i
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* q( N3 g( `. e% g& \! Hwindow.onload = initializeBall;
; P2 g0 r5 B6 zwindow.onresize = new Function("window.location.reload()");
' p, _0 [, Z- C6 h$ F4 E( Q1 W}
) @3 J) \/ s& K! H$ n) i/ n, T4 I0 h. M- Q, W) R2 |5 ?) y& j& p
</script>