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

zw2004

<style type="text/css">
6 e% \$ \3 d; i% I4 e2 U1 j1 _8 m#supertext {) T) R9 ]) _- E, k5 D  ]
position:absolute;4 m6 F8 T, |& K1 C
left:0;
1 p; ^& @( {6 K7 U' T- W% G; ^. Etop:0;4 n- v# U" u9 J1 o0 |; P! q! @
visibility:hide;
" |7 ]+ Z( I- W6 U* T) s$ r7 pvisibility:hidden;% [# S8 ^4 b' c/ I" s2 N4 B
}4 T8 M- u9 d" e2 D/ h% Y
</style>
0 \% O8 F2 V4 h4 R- {; S<script language="JavaScript1.2">
2 b0 ^7 B$ o' ^. X5 C, i% c<!-- 改变下的字体的大小。颜色-->3 V, J% D; C( J0 _8 o% e8 n8 `8 o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 b" ]* z* P7 `" y
var hidetimer='';
8 g  O; \8 h2 ~7 Q3 B- W) u<!-- 改变下的弹跳速度-->
! V# ~6 f% f9 J) d' wvar BallSpeed = 20;
. A' G2 j8 x9 ^5 B7 F. Q6 Bvar contentWidth;  e" C7 }" F: ]4 z5 x9 E
var contentHeight;
" h$ ?9 |9 Z3 }var maxBallSpeed = 50;: u5 o" Z: g1 P; q

6 r: e( t  O. I0 Y  U% ?0 _! }7 M& u  `7 Q# [8 V/ b
var xMax;  Y' f. ?2 i3 B' P) [6 l2 Q
var yMax;. f. B9 M4 L& H6 O& G
var xPos = 0;: C" A+ R2 r" }; D9 `" n) X  ?, p/ k- L# v
var yPos = 0;
$ [; z. H1 p, j0 Q0 C& M  Bvar xDir = 'right';0 ?9 Q& V6 {! S! C7 g0 j7 v! Q  f
var yDir = 'down';
9 o( |3 `1 w+ u: d1 Z# ^/ Q% k; mvar superballRunning = true;8 K) r; n# F# U0 v
var tempBallSpeed;
5 \8 q6 O0 a" [  e# E/ w3 }var currentBallSrc;1 B% u% e  C: q3 U
var newXDir;
$ b4 [" N  w2 kvar newYDir;  E% V! J+ n1 u6 ]: Q  H9 P% s; P
! y" O1 [% D, f$ h6 @+ a
function initializeBall() {% J+ {; o  W& [' c' I# ~
   if (document.all) {/ _$ t% c* e  a# H- }# j2 J
      xMax = document.body.clientWidth
, H3 j5 D' `/ X" a      yMax = document.body.clientHeight; Z; m- k7 E) N: C% v- S6 ]) l
      document.all("supertext").style.visibility = "visible";
* h3 P3 f! w/ ?" k' ^- T      contentWidth=supertext.offsetWidth
; g4 t- V; Y* E5 Z      contentHeight=supertext.offsetHeight
- O- q8 ~) O) H% Z      }
$ }5 M; r5 [8 E2 g: G, W   else if (document.layers) {8 s' u2 y6 |. _! P) T& x  y
      xMax = window.innerWidth;/ _" r3 E( A; n7 L+ O
      yMax = window.innerHeight;
( C9 o4 Z: \4 I& \, o+ V: X8 P      contentWidth=document.supertext.document.width) C- {' c+ O" ~3 b' `
      contentHeight=document.supertext.document.height# f' Z3 L$ `' m' _' v/ G
      document.layers["supertext"].visibility = "show";
, ]) g" Z" R' b( K! R      }4 F: W- E- O8 G4 n- r
   setTimeout('moveBall()',400);
1 {  |8 `- i7 ?9 \' |6 H$ j   if (hidetimer!='')
* d2 S$ {/ i, v6 T  M   setTimeout("hidetext()",hidetimer). Z& W3 i! x- X5 x
   }
) E7 Z1 m0 S7 v# g. y0 r9 }. O0 e9 Y" V9 }$ X. t& I6 q
function moveBall() {% s2 |& u) ~  B4 [7 r! s
   if (superballRunning == true) {! ]! C8 z6 {' k' d! x* O3 H! u
      calculatePosition();* W; o" l- b! i& _) l# ^) n2 F
      if (document.all) {
  y4 q9 s3 y5 ^8 l. p         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 I& H* b5 K4 O) s0 W2 l9 C
         document.all("supertext").style.top = yPos + document.body.scrollTop;: c, ?3 {5 ?! z3 I6 s3 M# m" T
         }; ]; e6 C8 ?/ f9 N6 z+ d. s$ H
      else if (document.layers) {- k+ }" p) ]0 ?- N
         document.layers["supertext"].left = xPos + pageXOffset;
4 @& L4 g7 n5 g5 J6 J7 Z! x4 L         document.layers["supertext"].top = yPos + pageYOffset;
( w& k- I+ J* W) [) W5 T/ L         }
+ N2 X1 }2 {+ I: M3 x- t6 z& e      animatetext=setTimeout('moveBall()',20);
+ M, J" \& Y" {8 {3 T5 Q. G      }9 q* `$ e8 A4 `* y0 ]
   }
' z6 H5 H; a5 d# I
' D  E" t, L2 i$ I- Kfunction calculatePosition() {
0 b' H0 _% ^3 G+ ~   if (xDir == "right") {4 u) ?* ^! m/ K- w8 T! Q) o
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# ?* m* c- q9 k7 {  R         xDir = "left";
5 t- d8 r/ q+ _1 }! @         }' h; z- \2 b- h+ f, Z
      }0 ~1 ^* a( Q# U
   else if (xDir == "left") {
; {+ }- \3 Z+ a4 {3 G      if (xPos < (0 + BallSpeed)) {
: b! u: x: t! D+ c         xDir = "right";1 \2 M1 V/ V( \5 o- z2 X
         }
9 {9 o2 L$ [# G) v$ f9 O      }( s* a; g6 I, G
   if (yDir == "down") {( v2 K$ U# \+ ^; ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {
! o1 c/ Y% F5 M* T% E! S         yDir = "up";
( u9 ?% |3 ^) N; ?! q         }
$ ^: b3 ^" N0 R6 {* g      }
( C, _& i& b' ^$ _2 l8 }; d+ ]; h   else if (yDir == "up") {/ C. n% L& D- b+ Q" z% J& O
      if (yPos < (0 + BallSpeed)) {
2 g$ J: y3 V0 x+ H3 P         yDir = "down";& r- \& R$ t* N( ]$ o
         }
2 [3 e8 w# W  w2 b5 c( e5 D  W      }
7 T3 P  a" ?  `4 E2 E   if (xDir == "right") {
9 p$ Z7 G, i: @; O5 T5 R; D; U4 s2 c      xPos = xPos + BallSpeed;, v( Y- n- p$ z5 h
      }
: \6 D# @6 ?2 |2 M3 E   else if (xDir == "left") {+ k, i' Z' U6 C) X" h; ?
      xPos = xPos - BallSpeed;
; V- h) k# v. X: V1 m      }/ w3 `# @: Z* V3 ^% H+ f
   else {8 i+ F: D3 f8 M9 `
      xPos = xPos;
& F  w6 R2 F3 j" }" i1 v      }) K) B, Z: z1 i2 J1 q; _) D* B
   if (yDir == "down") {) j! e9 z$ k: C7 ~' i+ v& T, C
      yPos = yPos + BallSpeed;
9 n" Z: T4 ?) ^      }* l8 d, t8 Q2 D5 K  t1 E
   else if (yDir == "up") {
" b; Y+ R* y+ i& }  Y2 |7 k      yPos = yPos - BallSpeed;" b" u6 |6 N( Y2 U* b
      }( `3 j0 F* l  ?$ N; e
   else {
( i, b+ s' Q# I1 ^( ~7 u5 Z2 q      yPos = yPos;
4 D! b$ F0 \0 e% ~, x: z      }
( {; T- e+ D' |' U   }
& U. g$ t9 W8 N- {2 F5 i9 |* D9 X0 ~  l
function hidetext(){) \3 U) }  m" X5 C- u
if (document.all)
9 L+ d, D* G, m9 \% }1 \: ssupertext.style.visibility="hidden"9 r$ n9 Q( ^3 {. N* y
else if (document.layers)
% v/ S" {5 g4 A, b6 G7 Tdocument.supertext.visibility="hide"
8 P/ H: I" H0 _# ^3 Q6 fclearTimeout(animatetext)
7 h, L# n+ m  `$ s' O}
8 g# z- n) y" a4 d+ F% R8 L
1 a6 a" |! n7 L( @if (document.all||document.layers){. J- C; S4 f' |6 I, I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# i' A/ N+ R9 Twindow.onload = initializeBall;
. p- M0 n4 N$ V9 I" M# _. n$ c1 fwindow.onresize = new Function("window.location.reload()");" z4 i- x0 _; R$ L
}
9 z. B% K8 k8 Q  t- k- v% @+ T6 P2 b) u. l# c  S2 S. P  h) s* f, N- k
</script>