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

zw2004

<style type="text/css">7 t/ u# ~) N9 k3 R% L. T: _
#supertext {
( z3 r/ ]( q/ q: Wposition:absolute;$ A# ^4 e3 X( I4 C1 N8 f3 |
left:0;
$ n" U8 c: Y% m, atop:0;# S6 t6 W6 s$ _9 S. b$ N  E
visibility:hide;
8 E  K, o& T7 P$ f9 v7 v. hvisibility:hidden;8 {, L9 K8 ?& `+ R% q6 v) M
}' `! ^) W" E* Q6 ?" w9 ]  X8 S. s* k/ L  Z
</style>
6 C6 r) r7 L' S+ z<script language="JavaScript1.2">9 ~( v5 n# A$ @" }& N
<!-- 改变下的字体的大小。颜色-->
% [8 v$ d% x) V! X, o% xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  q2 d+ O' R% ^$ X
var hidetimer='';6 |2 L0 H# V7 m9 v' i
<!-- 改变下的弹跳速度-->
. E( {7 Z+ g- t8 N- T. jvar BallSpeed = 20;7 M7 E* i% q3 v2 H) Z$ R( O! Y
var contentWidth;
. M1 h/ M4 b5 ~" |( Kvar contentHeight;7 B0 }9 A5 P" k0 d
var maxBallSpeed = 50;
+ y9 F) K/ Z2 P( c$ H' E5 m! L
8 X& p! _( f+ S# r4 a# n9 W7 T2 D! C6 R; ]
var xMax;
$ {" y9 L% W& V' Q0 uvar yMax;; D, P6 B- {( Z. y6 U% B0 O) W7 K
var xPos = 0;
$ o2 C; }$ n2 I/ ^! L# Uvar yPos = 0;) v* U/ }4 I* {: p8 k$ Y# q9 t
var xDir = 'right';2 C4 e+ |8 W$ c" L4 C
var yDir = 'down';& K4 O, s( T  K% ~" I" }) X2 `
var superballRunning = true;& \$ X# C' G' W( W7 u
var tempBallSpeed;; g$ l' b% G* j: J
var currentBallSrc;0 B( w+ R% ~$ J4 e( \! g
var newXDir;7 h' N1 ^+ w7 X# r* h
var newYDir;: H# M6 Q: K9 ^

# I, G2 H2 T/ ], D; `. yfunction initializeBall() {. h6 X: W1 X9 f7 B4 x6 |4 J
   if (document.all) {; h* C$ m) [6 V3 N
      xMax = document.body.clientWidth
% F2 M" N  s. `0 {# T% u4 i9 Z      yMax = document.body.clientHeight
' Y$ z) C6 F8 q& c      document.all("supertext").style.visibility = "visible";
& h2 B* C' X  s( \& u. f      contentWidth=supertext.offsetWidth1 K* ?* i; E( H5 l: _" B. f9 B
      contentHeight=supertext.offsetHeight6 B8 L% @- N% [7 N6 q
      }
: f% Z8 y4 T! m   else if (document.layers) {. ^9 L5 ]3 ?6 ?! }
      xMax = window.innerWidth;) c$ {4 ]3 w. B3 }5 C
      yMax = window.innerHeight;
/ p. R5 ^% B* W) F# t- \      contentWidth=document.supertext.document.width
% h8 v3 z0 {5 h6 s      contentHeight=document.supertext.document.height9 O  F/ e) @! ]8 w6 e" b
      document.layers["supertext"].visibility = "show";* R% q9 T. K0 k5 f
      }
- [/ b% \7 S$ [. s3 u& j! c! g   setTimeout('moveBall()',400);
6 v6 P8 ?4 o( K2 Y( w   if (hidetimer!='')
. o$ Q8 f( ?0 Q1 `- U6 K9 |   setTimeout("hidetext()",hidetimer)- E6 w1 M1 U! b$ g" C$ {* G1 t
   }
& v; [( r# ^) u7 r( p$ [- x3 R* n
" w( r* y5 q2 u) {7 v6 [function moveBall() {( R5 w; e/ @+ b$ j
   if (superballRunning == true) {3 l( A+ k# L1 D4 k; W- X
      calculatePosition();+ u3 q0 T5 t, G4 {& v
      if (document.all) {
* v  o% y/ k$ I4 r9 L1 T         document.all("supertext").style.left = xPos + document.body.scrollLeft;# I4 R) C6 E* k4 f: D; A/ K7 ^
         document.all("supertext").style.top = yPos + document.body.scrollTop;; K% a) }. {& T( w. Q
         }
9 y0 b2 k1 M" o( D' S      else if (document.layers) {
+ |& C: ^7 F3 {* G2 k' o1 Q' i1 F         document.layers["supertext"].left = xPos + pageXOffset;
8 a( P2 }3 y, C) J* G, }         document.layers["supertext"].top = yPos + pageYOffset;
: B  n6 v5 D! ~. k) G" K7 v, e         }
* K! H5 i$ t- v  p; ^2 A' r      animatetext=setTimeout('moveBall()',20);$ t$ `9 ]7 d5 h
      }
0 g4 \. q, s: c- y5 F   }3 m# _' s) V: b* U$ E  h
+ k: D; j4 ~( C! H: L; \# z* \! L
function calculatePosition() {
7 |' W" v! g$ R; m& W* t   if (xDir == "right") {
7 L! b( c' B+ x5 e# \8 S      if (xPos > (xMax - contentWidth - BallSpeed)) {5 U1 f4 v9 n7 Y+ F5 b. b/ b7 s
         xDir = "left";% p7 V: ~" U" A# W3 b
         }  q9 G0 x- Y# S7 v5 N
      }* \( `. J, J9 ^( P, ]
   else if (xDir == "left") {
' _. a! z- E, r7 f3 F! }! T3 f) S      if (xPos < (0 + BallSpeed)) {
; N; V8 A5 `, j4 s  X$ T; m         xDir = "right";. D5 {' \' y% n! c3 t8 Q% v1 A$ Q
         }
8 W2 K6 u5 t- f7 o$ ]" m      }
4 r1 m0 {5 g( x   if (yDir == "down") {9 ~# ?5 W+ T% Q) ?, k- w: S: F
      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 @2 S5 C" m- u( o2 J: F         yDir = "up";  u7 X; M/ q! }" v: ~- @' @3 q- u
         }
) Q2 E+ J9 W( J      }
* [3 ^5 |3 N# Q) |   else if (yDir == "up") {1 L% r3 B4 G  v6 k/ g
      if (yPos < (0 + BallSpeed)) {/ v) ^% |' G* ?/ m
         yDir = "down";& j/ a5 u6 @  v( `; Y
         }. ~* m+ j& J8 z0 d, O
      }8 r  W9 G* b& o% p3 P
   if (xDir == "right") {
9 p8 j3 {) U$ j9 m3 G1 j' m      xPos = xPos + BallSpeed;- u3 z0 y/ L- B: J/ R7 V
      }+ i6 I+ C' t- p, {
   else if (xDir == "left") {, q' L' U) D, e
      xPos = xPos - BallSpeed;
6 z  V* R& \, }- l' O      }. ^! c* s0 a) {5 m& ]
   else {& X$ v4 C" Y: N8 k0 L8 o5 m5 O1 ?3 [
      xPos = xPos;
/ i- Z0 p# q, ?% `9 P5 ^      }
1 v( H: n, i7 V4 T! |6 C" I; M3 @2 k   if (yDir == "down") {
! G4 g3 I9 r: t/ U' d% a' v      yPos = yPos + BallSpeed;: r0 G$ E; p8 F( T
      }; C( a- [6 _4 }  X
   else if (yDir == "up") {
0 K& }' |8 Q% P/ \/ [( M      yPos = yPos - BallSpeed;0 P. n7 W8 Q" N0 b+ c0 @
      }
! f. H1 Q2 D: @( K4 [8 p3 X+ U   else {8 j- c6 _% k2 b
      yPos = yPos;/ y" {8 ^6 Y. n' o3 ?" x1 h
      }' B% v+ J6 f5 c* `" i. ?% g
   }& F4 g9 x5 u' o# U9 z* v( L7 w$ t
  u* [4 [$ t. p8 N5 k
function hidetext(){
# {1 q: O0 e1 [, sif (document.all)
$ I- o' a  q% P7 |( B  O; msupertext.style.visibility="hidden"
* Z! O  z- O& C; Q- M# N! Lelse if (document.layers)
5 X; x2 F+ ~9 gdocument.supertext.visibility="hide"! S0 E6 T7 k5 \# }5 m3 [. P3 l+ {
clearTimeout(animatetext)7 X/ X4 Q  d% x! c0 y  x
}# E1 q& m5 G! w  N6 M
  O0 q9 n: D6 C9 H
if (document.all||document.layers){
* e1 N! U; O5 Y( ^" T: b: M- c( Hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# l: [4 {* x; n) M2 q3 r! g
window.onload = initializeBall;5 L  P- w2 Y2 f
window.onresize = new Function("window.location.reload()");
3 f- {# ?+ H: C# P% G) O- E}
3 h' O2 g  i! [) Y* l1 s0 J6 J: `6 r0 k* c" g7 D, }
</script>