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

zw2004

<style type="text/css">1 o4 A, U/ A# J+ A- @
#supertext {4 _3 \, r4 o( o
position:absolute;
% G  G9 a% R) G0 {left:0;3 ]4 }5 J- d+ ]( e6 E0 O9 w
top:0;
( ]  G4 u8 o: @3 F1 X' }& I. x  P1 {visibility:hide;# j1 ?6 v; W% E  K7 N7 q! K" ~
visibility:hidden;6 {$ M6 L. L8 m- F# j/ y; Y
}
1 y) ~9 C) A4 c! r% E* y  r</style>
: Z( K( S5 U1 I" T- [3 g- Z<script language="JavaScript1.2">! l' H) r/ Q. [
<!-- 改变下的字体的大小。颜色-->
) J4 b# x; J2 k9 b: p2 nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) \' w& K) k( H/ Pvar hidetimer='';" D# v% v, A/ D
<!-- 改变下的弹跳速度-->
( p7 @* I& B+ _var BallSpeed = 20;
0 ?+ E- P6 W3 K' X  r" ovar contentWidth;( s: F" Y' K* J2 X9 I" H) J3 @
var contentHeight;% q; i- \# H9 x# K" j( a
var maxBallSpeed = 50;
/ D/ T& h# W# G5 w* \0 Q% Q3 f  j0 g# X% }4 [, t

8 k" A3 k; u/ ^8 z0 I3 Rvar xMax;
2 j/ _; T" U, b7 }  S9 ~5 m3 \5 ivar yMax;6 `" L4 I! Z, _  d2 G8 q* |- \
var xPos = 0;$ O# T2 M; L1 [. h5 \  V
var yPos = 0;
: U% u6 r$ L; w- ^# \6 S8 Q/ n5 uvar xDir = 'right';. x7 i2 M5 M: x+ f# D4 |6 x
var yDir = 'down';
9 }# k9 Z# p  U, A3 gvar superballRunning = true;6 ?3 Y4 h- \6 N! ^# O
var tempBallSpeed;' a( m* U: z* M" _4 |% X
var currentBallSrc;/ S3 Y' u7 g- F1 ?  H/ r
var newXDir;
, ~1 l1 @2 T8 U9 O/ h5 A1 _var newYDir;* M! \' q2 M8 u* k
6 |# M' r: j3 _3 v% e  h
function initializeBall() {
! i# E4 \8 B/ s( x; C   if (document.all) {
. M/ H* g& G, i5 n% d9 a0 u- ?      xMax = document.body.clientWidth
1 u" i1 H! n8 g8 R: |! k( B! N, b      yMax = document.body.clientHeight5 |- x( @8 h- M/ w, f1 d
      document.all("supertext").style.visibility = "visible";' G( {( t- Q- x6 N
      contentWidth=supertext.offsetWidth
. |. C& E3 C- @8 S$ a      contentHeight=supertext.offsetHeight' G- t; [7 J! f) h4 \
      }
! Z: W5 \; k& V1 \% S: E. H) g5 ]   else if (document.layers) {. f9 e+ i+ c" w8 P5 z! {
      xMax = window.innerWidth;
7 A3 h: q' Q( c8 N# D      yMax = window.innerHeight;
; Y$ ~, J6 N. s4 H% _7 T      contentWidth=document.supertext.document.width, @; `& D( v, S7 j# ^# r0 a
      contentHeight=document.supertext.document.height3 E. n  r# M  u' [$ u+ X& B7 W( {
      document.layers["supertext"].visibility = "show";
& ]% r; d; r) @" _% b  {* P9 `      }5 m/ P) Q' ~% |9 P6 S
   setTimeout('moveBall()',400);! G, v2 d8 G1 K  Z& q. G. |
   if (hidetimer!='')
5 K4 H% H& ~2 @* H1 Z9 s2 n   setTimeout("hidetext()",hidetimer)
8 U2 ?- j2 r, c! Y% i6 t3 s   }
- C: M6 q0 i. E
: M# ?% x; L/ M6 k) rfunction moveBall() {5 q6 {  F5 L0 s5 u- D1 i2 I  Q
   if (superballRunning == true) {1 Q; I  C0 e2 Q- q
      calculatePosition();
8 R) M' t8 P6 }# X7 p# U      if (document.all) {
& F5 ^/ ^5 B0 E( y0 L' I" R+ l         document.all("supertext").style.left = xPos + document.body.scrollLeft;3 ?- X& g1 |  p) Y
         document.all("supertext").style.top = yPos + document.body.scrollTop;& \+ q7 D3 a4 q- c
         }% I) p; }9 Z0 O- i3 ^9 T
      else if (document.layers) {
4 u) u( I; a; l' k! x3 ]         document.layers["supertext"].left = xPos + pageXOffset;
* F, Q" i1 t! Q; j* h& B         document.layers["supertext"].top = yPos + pageYOffset;
7 D) z& z4 H2 X, A0 g4 o3 P         }
+ }# k* C7 g! c      animatetext=setTimeout('moveBall()',20);' Z  D4 [" h' U* c: R
      }5 q' k) m, R7 y, u; g
   }
# H0 A) U3 z2 ?/ o. a1 P
0 N+ m; c- F* n( M3 [function calculatePosition() {/ j# t$ K& `8 ?2 k$ d" b: j9 \
   if (xDir == "right") {; t. j# \' ?  t6 L
      if (xPos > (xMax - contentWidth - BallSpeed)) {
- ?- r" k: x' f' o# p) p, W7 d- V9 B         xDir = "left";& g. c2 `2 a. v: G5 w5 G
         }
0 {* \% Z1 r" t2 t. W; N, D* {      }" [1 j' V4 M6 b
   else if (xDir == "left") {+ M/ p5 f6 k# Q- U" I
      if (xPos < (0 + BallSpeed)) {
) Q  T, C* |) I0 F- _         xDir = "right";* R! N/ n$ s6 e
         }
3 ^5 d  y5 f& r  c5 N; h4 o; M2 `( o# Q      }
0 F' k" Z3 q1 F, o8 _$ V   if (yDir == "down") {
0 m$ o) z- s$ v- G3 m: U1 a      if (yPos > (yMax - contentHeight - BallSpeed)) {. Q7 R: b2 h/ j2 W8 e2 d6 X
         yDir = "up";4 }9 L; g. a) Z; }/ @) J
         }
  c: N, X$ d5 g8 H. {      }" n7 \  ~7 g3 G( ~
   else if (yDir == "up") {" v' v. M/ Y7 r
      if (yPos < (0 + BallSpeed)) {6 D& B9 n# \% z- {/ k# t5 L
         yDir = "down";
( b# @* O! i+ E' Z$ y% d         }
$ i$ C9 J; }9 L& z# U      }4 z6 u6 b( `2 I' v5 D
   if (xDir == "right") {
$ F- U: `. `: B, c+ b      xPos = xPos + BallSpeed;
! Q3 a) n1 W. ?% A. N0 U1 k1 Q0 j0 Y      }- N/ F3 ^* r7 d
   else if (xDir == "left") {" V6 y7 Q$ i! [
      xPos = xPos - BallSpeed;. r) `  o, ^; }6 q. b5 Y( |
      }
4 P) C) i, C6 G' Y: l% V5 N   else {
3 ]- g" U$ h; G      xPos = xPos;1 o7 V2 ~. _2 s  t9 v2 @
      }7 g1 z" P! N+ v+ I1 p2 }0 F
   if (yDir == "down") {
! h" t% s4 U# t      yPos = yPos + BallSpeed;8 I; R9 [6 H+ A9 F% h
      }
# ~! g" C) d& u; m+ m- T   else if (yDir == "up") {. S2 B  @) @: `  @
      yPos = yPos - BallSpeed;" c7 Z7 x- A. U5 A. Q% W9 [4 }
      }
8 E0 |, D! a* |   else {  f1 X. r6 a1 p0 ?# z. c
      yPos = yPos;
2 ^8 L( u! y8 f. K( A" x2 u      }
% t1 S* V8 {% H0 U9 M   }+ A9 P. F# i! ]- a  j! s& p  |
8 u& K/ a. d$ l  `
function hidetext(){
/ a  B: P( N, B7 ^  _' S; X6 x& V* rif (document.all)
8 A; k. E" h+ P" K+ ^5 gsupertext.style.visibility="hidden"
$ ], n( K! n* k+ q- z1 Q, Celse if (document.layers)
2 J* u. ?* |. H7 [2 b- f% }document.supertext.visibility="hide"
3 I' O6 h& y& I& MclearTimeout(animatetext)2 W6 Z- L! @0 @) G
}
7 y/ n$ s  b3 O8 h7 c  a. s* _
: i& J9 X) t$ F+ |( y7 Aif (document.all||document.layers){
+ d9 f! T8 Z) p8 z4 x+ fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& f2 P. k( r% L5 owindow.onload = initializeBall;
$ T( ~: S- g% U; K6 _: t! Jwindow.onresize = new Function("window.location.reload()");
3 x2 z: f: B. [/ h9 g+ `) l}# x' W& F0 d+ a

& q( T, j5 Y( N2 J8 N</script>