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

zw2004

<style type="text/css">
& V9 k3 _) N3 |1 I#supertext {" n# E2 u+ Y) T& `  b
position:absolute;; |$ Y% K4 ^8 z7 p) h7 B
left:0;, j0 w; @  N5 \
top:0;) M" q/ ^2 H; f# H% ~: S) r4 N
visibility:hide;) g# U2 s. n# l  V% g9 ^5 X
visibility:hidden;! _- |( [2 s, d5 x9 c
}
8 ~& _( ]9 }" Q- _5 H- ^</style>
" _, i  u7 V# C' }<script language="JavaScript1.2">
- ~# D: b' n3 k$ [6 y% w<!-- 改变下的字体的大小。颜色-->
* ]. R0 E  S8 E! dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% u$ M, j- j" P7 n" U3 u6 c. E) Pvar hidetimer='';
/ y8 t! C8 h8 P8 A, J$ y<!-- 改变下的弹跳速度-->
8 p% M2 y& z- G6 P% Pvar BallSpeed = 20;* ~. C) ~0 n1 [# t( ^
var contentWidth;
/ t/ f( O$ q! l1 ?: P  v. r- wvar contentHeight;; |" I7 s0 l( v
var maxBallSpeed = 50;
9 I3 k( Z0 X# w) U4 O$ K) l. S
5 s# a! q: f- E5 ^! q0 a+ ?. s: I4 x* L$ N; w& d! L+ e1 i& J
var xMax;
4 G- W$ A7 z, h, `, J  @5 d' F* Ivar yMax;' j! [2 D1 {; h8 d4 h* o
var xPos = 0;1 @/ x' {% d1 v; S
var yPos = 0;
' c- {: D9 R0 v. evar xDir = 'right';
/ o" {( A7 g7 k8 u: }3 ]& Yvar yDir = 'down';4 F( R% f8 u+ l! C0 k  U" v
var superballRunning = true;
0 k- y2 w: m5 d  y8 s6 Q, J/ [var tempBallSpeed;
, j& j9 K! r! lvar currentBallSrc;
+ P+ o/ i; q: O1 g" m' j3 ~# @var newXDir;
' z$ [8 {, f* [9 t( _5 @! U4 Svar newYDir;
8 l6 y; O5 i# }& {3 {. B& c: ~
8 j, p  e1 V5 W& Jfunction initializeBall() {
! x7 t6 h% c) n) X) R   if (document.all) {, J" P4 {  Q, n; p7 |
      xMax = document.body.clientWidth& [) ~$ }: ]" D* x2 r
      yMax = document.body.clientHeight
3 n. |- Y8 \, T5 R* N      document.all("supertext").style.visibility = "visible";
9 L3 ]& M2 l6 h) m/ y1 h      contentWidth=supertext.offsetWidth
7 P. ?$ w: s! L      contentHeight=supertext.offsetHeight
6 w6 Z) @. I) X- g. X$ c+ s) N& R      }5 j, n7 N* Y  f9 H
   else if (document.layers) {* \  X" l4 J4 v2 _' @0 X$ |
      xMax = window.innerWidth;
# M4 B6 b/ Q5 t      yMax = window.innerHeight;  e- J, h6 _+ L9 {3 l' v3 X! G
      contentWidth=document.supertext.document.width1 }# D+ F6 [% a. {, N
      contentHeight=document.supertext.document.height2 d2 T6 Y1 F0 r
      document.layers["supertext"].visibility = "show";8 I8 }( M. k! ]2 p
      }' S5 O: z; y$ [# t8 X
   setTimeout('moveBall()',400);
: R$ I& `6 v% G* h# }; s, Q   if (hidetimer!='')/ V; y* H1 X" i1 N, \
   setTimeout("hidetext()",hidetimer)
7 N& S8 c% _/ `8 J8 d   }
) A# o/ m7 n8 s* F% h
- M: w1 i2 M( ^% {* Ifunction moveBall() {
8 z1 M: o/ X. W6 b6 _5 ?3 i0 e   if (superballRunning == true) {
0 \; I; t* r1 m2 e) d9 @/ B      calculatePosition();0 d3 ]; U7 v! B# V2 `+ l- F
      if (document.all) {
2 ~2 n' v/ f9 i         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ I9 h2 K  v  c( X4 M& L
         document.all("supertext").style.top = yPos + document.body.scrollTop;) |- q2 k) X/ ?) m6 p
         }
6 i2 K8 p8 O: ]3 U4 q" a# ]* N0 w      else if (document.layers) {; D9 r' H* g! _5 W
         document.layers["supertext"].left = xPos + pageXOffset;) j7 U" V9 u; k* E( R. X9 P8 P) \
         document.layers["supertext"].top = yPos + pageYOffset;
& Q' n1 D! R8 w: Q1 r( C         }
- J' a/ K, b$ s/ `* Y( F: d      animatetext=setTimeout('moveBall()',20);9 f& w: g% e; B" w- P2 r
      }
6 a' S7 a% i( V0 v" T   }+ t3 {1 m7 D/ {0 V' ]( x
. J) Q- P( f+ n9 `# p/ R
function calculatePosition() {
, k& s% [4 e$ i" w) {   if (xDir == "right") {  h# X' f4 [( Z, w* c% |, V
      if (xPos > (xMax - contentWidth - BallSpeed)) {3 I* J5 l5 P4 G  P+ r# {0 G
         xDir = "left";; Q7 v! D# ^% `: l
         }
' T+ p- L4 {/ {# r& ]" P      }4 a& O! l- n9 t3 L9 D4 A9 C
   else if (xDir == "left") {
" L$ @( j3 g3 w- J. F  C3 O! I/ `      if (xPos < (0 + BallSpeed)) {
& @/ a# P9 p6 c  h5 i% m. S7 Q         xDir = "right";4 F7 M5 Z0 R+ j7 S
         }
/ m* Z( y5 N% p/ g2 i      }
6 V- p. e+ z$ I& [$ @   if (yDir == "down") {/ ?7 |/ C7 S  d/ ~& f3 U* {
      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 _) i$ q, i# E& \+ P( h         yDir = "up";
- `9 T7 p1 E0 H9 T3 z0 }* p& b         }! u$ a; i9 D1 Z. \( s* r
      }4 Y3 n  y7 r+ N" s; N
   else if (yDir == "up") {
8 A' _/ \8 i, Q; x      if (yPos < (0 + BallSpeed)) {) f' `$ ~1 U  u1 X
         yDir = "down";
$ ^- F) X8 n3 M$ O% `% ~# O4 g- P         }
: ]3 ?+ _$ B) l8 M      }
" n: H7 j+ g+ k1 s   if (xDir == "right") {; c# o* U' j7 o4 ~9 ]  y. |
      xPos = xPos + BallSpeed;9 S8 c$ B1 O/ J0 X6 o. }
      }0 G9 E3 G+ G+ ^( m8 W
   else if (xDir == "left") {
: T% H) o8 ?* L( F. }$ k) x      xPos = xPos - BallSpeed;- g2 W0 ]0 r* x0 w  ]; e  y+ A
      }
2 K% m5 k  ]4 o4 W$ Q: [7 ]9 `$ q   else {+ g- |- A+ `/ m
      xPos = xPos;! T7 v2 F) `. ]9 g) ?6 |5 f
      }, x  Z; b' F9 v7 p# v9 o" A8 \
   if (yDir == "down") {
) A: d% k. f1 n) d# ~) ]      yPos = yPos + BallSpeed;( \6 |' R5 N/ s9 D. m2 ~
      }+ Y  q/ f/ s  f& n* H9 R& ~6 k* H
   else if (yDir == "up") {2 g) V$ i5 J& M% o; T( a
      yPos = yPos - BallSpeed;3 G1 N5 _% P+ r5 v7 O) d
      }2 H+ r( ~2 x  q* ?
   else {8 }) p3 K* s3 x1 a" w: y/ m
      yPos = yPos;( P2 P- j. H& D: b+ C7 i
      }$ |- |( }; @0 y- k
   }9 H& D8 E# P! D8 |

8 A& j/ T. `! O6 F0 Gfunction hidetext(){
  m/ e7 @, F$ l8 u* v7 ~- kif (document.all)' n  }1 X1 _. }* O, ^* `8 O6 i
supertext.style.visibility="hidden"
: r* O- O4 f$ H5 q! selse if (document.layers)8 U' e* j* ]( o' |
document.supertext.visibility="hide"9 G- G0 S& H" ?  \& a. k# G
clearTimeout(animatetext)
" f- d: Q$ B! l* y}
+ J$ s9 q: }; h; d
& S  b/ H  g: w) H7 u7 Gif (document.all||document.layers){6 N" d7 D6 ^- F7 o5 x5 k- j
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 [: b9 x8 Z4 V" c, Lwindow.onload = initializeBall;
; g  c% k& F: n# T' Twindow.onresize = new Function("window.location.reload()");
( ~2 F! H# i  n( X  N2 h, j}
2 ^+ G; Z- ^2 H2 |
7 n5 _9 _8 x' B1 @/ F7 d: T. Z+ o</script>