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

zw2004

<style type="text/css"># G+ E" U6 A( a: R7 R( ^, {6 s+ v
#supertext {
5 v) J! F. t1 mposition:absolute;) M2 p6 e; [  `% S! z
left:0;% j" r9 @0 n; {- f' e" |3 l
top:0;
8 ?' V4 u3 ?& L% s, a5 Zvisibility:hide;
0 S8 V' p/ w0 z/ x$ o: [, Z0 Rvisibility:hidden;
4 Y% O5 p; h0 W2 g  ^3 g. b}1 g3 @, R3 C& W" S
</style>3 [( j2 w" G+ E6 q
<script language="JavaScript1.2">1 N4 R7 D/ p: D! N
<!-- 改变下的字体的大小。颜色-->" ?) v" ?  @% `2 V7 i8 h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 v7 q7 m' T* r. I: |/ s& }
var hidetimer='';
6 ?* q  |5 H- \! a7 M2 t<!-- 改变下的弹跳速度-->
) a* w4 o3 k  G+ R9 F, q, ~( ^var BallSpeed = 20;
4 Q' Z6 ]1 }8 ?% g0 f2 ^var contentWidth;
" A- |5 a$ R" l  q# vvar contentHeight;: U7 s- i- {2 P- ?) u
var maxBallSpeed = 50;6 n5 L. e$ u6 M, B' J0 E
# {; J5 A8 D* b8 t3 t. U2 m
, x7 w$ c6 j) m9 i3 Z' _
var xMax;* {0 S* s2 J3 j! H0 P2 I% h
var yMax;
; `, b! Y/ U! s8 E& Q8 ]* ?5 Z# I$ [var xPos = 0;/ \' |1 S; e( ^& R, d8 [1 B
var yPos = 0;0 R: e& l( C) Q1 c, M* }4 w1 {9 ^
var xDir = 'right';
' M$ _# W1 {$ S. m9 x% Wvar yDir = 'down';( |/ k1 c' [  M8 D- [2 i
var superballRunning = true;
- C  t, y5 [& h* W5 Tvar tempBallSpeed;
4 |, ?5 @& u* j4 b7 i8 _0 e  xvar currentBallSrc;
3 K  W6 m5 s( ?4 U' q0 _var newXDir;5 Z8 r! D6 p% F$ Z1 ~, j
var newYDir;
5 n# g. w: O) W( h1 l) N& |  O
# E! p9 D5 Q1 Vfunction initializeBall() {7 i) |; J  }4 u" K) s
   if (document.all) {* I+ H; S( s  a0 f1 k: b, @, ?
      xMax = document.body.clientWidth
# m6 @% r1 V) o& g6 L      yMax = document.body.clientHeight8 q% [5 {3 Y4 q7 c, L6 m4 h
      document.all("supertext").style.visibility = "visible";
! e7 o5 n' ]6 Y  ~! J" R- O+ m      contentWidth=supertext.offsetWidth
- V5 L" w1 D" N5 e$ x% f4 {1 k      contentHeight=supertext.offsetHeight
( f7 Q  \- K, x* h5 W      }
  L3 W/ W! ~' H! ~. R" ^9 r# w* ^9 V   else if (document.layers) {
, ~, S  M( G$ c4 e0 v7 B( Z      xMax = window.innerWidth;. z9 A: `" W% `$ g6 _* V: B+ e
      yMax = window.innerHeight;3 b) v  R3 C+ k$ A# y4 W8 j1 |" S
      contentWidth=document.supertext.document.width3 w6 |" F5 H) \: I- l4 o
      contentHeight=document.supertext.document.height1 i4 S0 i; d- J8 b
      document.layers["supertext"].visibility = "show";1 Z: o5 K5 Z: `$ F
      }7 w+ p+ n3 [! [+ t. E: y9 e$ A
   setTimeout('moveBall()',400);, M* x1 k9 f6 `
   if (hidetimer!='')9 {- {. l8 j5 H$ ~9 F9 e/ O4 r
   setTimeout("hidetext()",hidetimer)! }" H& s) e# O4 O+ l& M/ P
   }" [; X- }+ k* c, C: v) q

/ B9 n! H; t) @- `8 B+ nfunction moveBall() {
3 w& y2 \' o7 X4 w   if (superballRunning == true) {% A/ t$ |5 C: K9 q, E) h; G: `6 @: C, ?2 B
      calculatePosition();
5 \( ~3 d8 @( T  B5 X- w( u: a      if (document.all) {
) Z& W0 ]" k8 |% O: @* ^- m" Y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! f8 x7 E) K" r2 Z8 S% {5 h         document.all("supertext").style.top = yPos + document.body.scrollTop;- P: _+ Y1 y8 w& L8 N; d8 ^
         }
5 ^' j* ^- R. y% n9 C0 }+ X. q      else if (document.layers) {" [/ w7 e& j3 o8 e
         document.layers["supertext"].left = xPos + pageXOffset;
4 O+ @) W' w9 C, X         document.layers["supertext"].top = yPos + pageYOffset;
. d8 \9 O# d. _  P& i  h. ~         }$ w( ^8 K3 P' P& J4 u  Z
      animatetext=setTimeout('moveBall()',20);
3 S5 P. L- ]  A1 }& g* ~) w      }. D. u" E; E. B- F1 D- }
   }' p: T1 a0 s) k- N

$ h/ e9 h$ T" jfunction calculatePosition() {
, {) J1 [  o& u( D; A   if (xDir == "right") {. k! l: O* D/ g# V
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 y" \& A5 u0 l% p4 F
         xDir = "left";
: u# g& h+ F2 j8 _1 J3 ^         }+ V: ~2 l" C& [1 h0 x, c
      }% v- Z& B$ Y% w7 v* n1 y% M
   else if (xDir == "left") {
6 b3 q. y; A: }( W$ S      if (xPos < (0 + BallSpeed)) {
9 p" P, z$ @& J5 d- E4 r         xDir = "right";! Q7 o1 Z1 u. b- {9 y5 j
         }
$ `7 p; F& z$ ^% j      }! b* G7 L: n. t; s7 |) Q6 h( @
   if (yDir == "down") {  C4 T3 K( B) f, F. `9 p
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 d5 ~$ c4 {& X+ d         yDir = "up";
6 ]3 J2 {0 V. }; F; C% W         }
! C* X5 c8 E7 ~9 ~" |" ~      }1 l! P) ~6 e4 a' E$ C/ t" m
   else if (yDir == "up") {
$ t. p+ M& H" A+ ?1 n: J      if (yPos < (0 + BallSpeed)) {
. Y* s) b# p( {" l         yDir = "down";: C& r( g3 U! K; [
         }
7 M1 _- S1 Y  R2 h% ?4 Y      }
  ?1 a, E- s9 \  V; p   if (xDir == "right") {+ H& \" M4 \# ]& W
      xPos = xPos + BallSpeed;$ x. ^8 Q2 J4 q
      }
+ I; ?0 D2 D/ a) [+ L1 z   else if (xDir == "left") {
/ b) `. D; g4 @) R      xPos = xPos - BallSpeed;" C$ W: S/ A8 V, N2 H% m
      }
5 r4 y# P7 @! T  e. M5 r* l; p   else {
7 A- X1 t+ E: [6 ^) Y1 w      xPos = xPos;( @" p- P5 H: `) K% x# y6 Q
      }
3 X8 _7 ^# T6 Z8 E   if (yDir == "down") {
; a, e! a0 L3 _0 [7 |" D      yPos = yPos + BallSpeed;0 t! b' I( o& z
      }& Y& y1 E2 M& B& W# ]
   else if (yDir == "up") {9 I& ]7 m. k# S- g
      yPos = yPos - BallSpeed;3 f3 H, l8 W( T) U5 J
      }7 ]3 {# V% Z9 A; B8 A+ R$ g& S: _
   else {
# o* U* M4 i% `# \& b: q      yPos = yPos;- {; p( P) [3 N* r% j# q
      }8 G  Q7 I/ M- k8 W+ H4 ^
   }
7 {% `6 y: o8 a8 d* T7 L3 x2 n6 b0 }% i
function hidetext(){
! S. @- f# y9 Z& ?1 Gif (document.all)  V& _4 \% m7 {' T0 H
supertext.style.visibility="hidden"4 @/ X0 N  Q* E. y( [  c
else if (document.layers)1 k# ^# r+ F9 r& F9 L6 W. V- _+ D
document.supertext.visibility="hide"7 l2 u. d5 {3 x! q8 R' ]
clearTimeout(animatetext)
8 D% s& {1 B( V) M! q' e) d}( M7 m2 S% E1 @

% r& ]4 c# B# F" q2 wif (document.all||document.layers){
  ?  p" r" h7 ~7 m' Bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# }6 A3 O& G8 X' m  c7 M6 y4 H) B
window.onload = initializeBall;  B2 l% |) Z3 k) R% C  L$ t
window.onresize = new Function("window.location.reload()");
9 |- F" e7 w# a. K}8 y" G" i% m7 Y1 k$ Y# z& Q) u

# D7 N/ p0 a+ {6 L/ Z</script>