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

zw2004

<style type="text/css">. e4 X! z7 D/ j
#supertext {' U" P. x; x6 H% @- D- N2 `
position:absolute;  H( M  O, h; l
left:0;, _' e) T, O8 l. }) y" P/ q: F
top:0;$ W2 z7 p* C1 d" v0 b  G
visibility:hide;
( R8 B8 ~7 s: L! D- y9 T* ]visibility:hidden;0 U0 |8 c1 w) ^+ t
}) L/ Q/ z; Y3 X/ W. G* s9 E8 N& o
</style>1 T7 P& y+ K1 [* b7 ~3 j3 y" z0 O
<script language="JavaScript1.2">
0 v# e& l; w# I1 x5 ]<!-- 改变下的字体的大小。颜色-->
& W1 ]6 O5 j  M% ^var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! d! `. P4 d: N9 y& }var hidetimer='';/ w! z/ b2 K6 f' A- J0 Z( K
<!-- 改变下的弹跳速度-->
7 i/ w% p# q0 e- I; y1 X6 Cvar BallSpeed = 20;
) [& m: x" M, K1 h( H- K! xvar contentWidth;5 o( S! Y8 j: I0 {# f) K# j
var contentHeight;' S9 ]% V; a! R/ H- P2 s
var maxBallSpeed = 50;) i+ P# ~( q7 A/ r$ l; O

' Z( P7 g0 t' D" n
# a3 s1 `) v" T( z, h' ?. H% evar xMax;1 z8 F0 o8 W/ g% m. {( ~/ B  f! D/ p
var yMax;
: X' A- ~/ q/ {$ f7 ^, D' s4 _var xPos = 0;
5 T+ i; l8 H& `var yPos = 0;# X- f4 F: @7 E# ?
var xDir = 'right';- U7 ~1 a: B' y" T
var yDir = 'down';
# h9 \) p. x/ `8 c4 O% zvar superballRunning = true;
' o% r! R$ N# x+ W4 }: z" z, H& h4 fvar tempBallSpeed;
# |4 y, {, p8 f% p# t+ vvar currentBallSrc;: G4 I6 |/ b8 |* @* M
var newXDir;
' R" n* s: H- W: I( d' zvar newYDir;5 V  f* [+ k! A) q" E! k
2 K4 B3 K3 X$ }& T
function initializeBall() {1 m/ s; Y, p# w+ _$ O
   if (document.all) {
8 Y0 w( M$ p+ {  M6 K& O: u      xMax = document.body.clientWidth
8 }+ x3 M5 E8 c2 o5 Q      yMax = document.body.clientHeight
2 i, Y. K4 n, z. @! u      document.all("supertext").style.visibility = "visible";4 Q7 j+ z1 s# f: R
      contentWidth=supertext.offsetWidth$ }" C! Z0 z. b+ K3 u! Q  k# w+ Y
      contentHeight=supertext.offsetHeight' x6 }4 e* ^5 m6 o
      }2 c. B8 f; D) B' k  Z/ X
   else if (document.layers) {
( q$ b( h  y3 [, I/ e      xMax = window.innerWidth;2 t( l( N3 P3 K" k- i
      yMax = window.innerHeight;! `2 A" |' M$ ?) q9 c
      contentWidth=document.supertext.document.width
9 H. B& s. m3 @3 U! U      contentHeight=document.supertext.document.height
- Y- Q- S3 U* V" P. O  ^/ i9 ^3 e      document.layers["supertext"].visibility = "show";
8 n7 b$ k% y' P- j6 F! \+ z' q* w4 _      }4 w; i3 M! Y$ i+ ~) C
   setTimeout('moveBall()',400);5 z: C( c9 _$ |3 t. g* j
   if (hidetimer!='')
  ^" R7 u2 S; D6 A   setTimeout("hidetext()",hidetimer)$ {/ T& |, v0 a& Q1 ~
   }
8 p, z3 z  V) E. Z7 K2 j; L# k/ J; Q
( c* _9 U1 z1 \function moveBall() {& ^2 Y/ i, z6 `( Q9 [
   if (superballRunning == true) {
3 g; ~0 m/ Y7 J! G5 Z/ f) t      calculatePosition();, c6 ~' r* ~( Z- p7 f" X
      if (document.all) {0 n; h3 c! P( U* e+ N8 B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& v( d8 y8 n9 r! v* ]& {; _2 B         document.all("supertext").style.top = yPos + document.body.scrollTop;5 S' h; b& y2 f  C/ q) v
         }
1 g1 @2 m; I1 c/ L$ \! y2 z5 m      else if (document.layers) {
' J( `( b6 B- t& X. q; [- I         document.layers["supertext"].left = xPos + pageXOffset;  B2 r! ^, e- M# M, A. P) J" G
         document.layers["supertext"].top = yPos + pageYOffset;$ p5 l7 O; u8 h* ~; X" e4 v! Y
         }
3 d4 s: W  T7 Z$ K5 [' _) L8 ?5 m/ [      animatetext=setTimeout('moveBall()',20);
& @8 a5 u0 G* u8 S& J/ Y8 \      }. c, ~% d/ X& F8 C. f( B, o
   }3 G& f% W4 M5 Y) [: P
/ W9 j: k' s$ K- Z
function calculatePosition() {, l7 P) U: o4 |' f
   if (xDir == "right") {
( V) O5 P' b2 m/ Y( t' V! T5 q4 o      if (xPos > (xMax - contentWidth - BallSpeed)) {( N* j: c2 \7 J; D1 g/ `
         xDir = "left";
5 |7 M* K9 m1 b! [9 u         }
9 K4 X" Q! N5 K7 R; g* E, o4 B      }2 i8 D. P; E$ D: v7 p
   else if (xDir == "left") {: g7 N1 {- M+ s; [
      if (xPos < (0 + BallSpeed)) {  w! {7 Q; l( e2 G6 V2 K8 X, x
         xDir = "right";
: F5 x, T8 W+ I% k* q$ g         }
4 v# X# t8 _/ g      }
& h4 [' a/ e6 Y  Z0 R   if (yDir == "down") {  h- ~) n- e6 L. f. ^
      if (yPos > (yMax - contentHeight - BallSpeed)) {
; r; P. o0 h' Z, n1 o! o$ T) u6 U         yDir = "up";: x- p% w7 T, A) l# t! i7 O1 r" }4 j; k
         }* H$ o* f& i" C1 F
      }- D+ i$ `2 ?1 J" _. v2 d6 \$ L
   else if (yDir == "up") {
" c. o2 O, b. D7 O0 o9 ]9 c      if (yPos < (0 + BallSpeed)) {
$ t: m0 d( j8 C+ y& Y1 {         yDir = "down";% ?+ H6 o/ p4 E6 d  ~
         }
. y/ W% |) _( W8 m' G7 L9 D      }
( {" C; V* w" w* R8 E' s) a$ s3 i   if (xDir == "right") {
* U. {& D. P" V! l- _      xPos = xPos + BallSpeed;3 v5 f6 B, K3 O. Y% Q1 {! O, ~  ~
      }  a) R3 j! }- B4 m1 _
   else if (xDir == "left") {
& |  u) ^/ E  R      xPos = xPos - BallSpeed;" N; y& C# h# W1 f" g' s! b
      }
" _9 i9 M. c- g8 e3 F   else {
8 A- ]3 G# c5 K+ ]  T, p      xPos = xPos;: ]2 `4 \9 L; w
      }" _& X+ v2 b# s
   if (yDir == "down") {& g9 F" Q2 L( i# n
      yPos = yPos + BallSpeed;
1 t1 t0 P# @2 c" i      }
6 m  A$ k) @+ K9 R, l7 V1 C! L! q/ D5 n   else if (yDir == "up") {
# F# K5 g* s( X5 j4 a      yPos = yPos - BallSpeed;
4 _3 Q. _" J% h2 r' I      }
( s+ U- N* w% `! s$ m7 F   else {
  l4 z" U) D: t; i, J; Q# ~) f      yPos = yPos;
. a# D1 w3 H# u$ ^/ I) Z: o6 I) ^      }" _, F/ s" N$ ]4 h" m: [
   }2 ~) w2 \. Y) f5 p0 j' }

5 m3 T: v! U% Vfunction hidetext(){
, W# o' ?8 b5 hif (document.all)
  j% q6 g0 y1 a7 vsupertext.style.visibility="hidden"
3 |! N( [+ L4 p# {* L# y: }0 s7 Belse if (document.layers)) N1 W8 J7 ~2 N) x4 s+ U# E
document.supertext.visibility="hide"
- n8 m8 _  m# Y) v6 s6 X5 yclearTimeout(animatetext)
3 `7 K8 s1 \, P2 F}
; ?# u# U3 H! Y! l+ `3 R$ l
) t; z! P$ z. N% g- _if (document.all||document.layers){
: B9 I7 H7 X9 ?! I1 \document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, U; R* J, |4 b4 k9 |# lwindow.onload = initializeBall;( q$ g4 _6 ?  H- q* H/ g
window.onresize = new Function("window.location.reload()");. t# |9 v  |! ?1 y7 P2 ]
}
: D  g/ O- y% t8 W5 T% y" c* e7 r) q) ~
</script>