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

zw2004

<style type="text/css">
. q( ]$ E  Z5 g" S  M# r#supertext {
8 c" P( A4 ~; d8 n+ sposition:absolute;1 F$ ~& N5 U+ j4 i3 P# n
left:0;
/ f2 q$ Y+ D3 D8 {top:0;
& ?: K: U1 {2 R! T) Vvisibility:hide;
% s, E: \. H% `+ c" gvisibility:hidden;# i& J( `0 I3 t% L* G0 \
}4 h" c' y: R  h) s0 l" S
</style>
% H0 v. R. W8 @5 A. y  {) Q<script language="JavaScript1.2">
& |9 a, O1 P1 Y  C# d" N; `<!-- 改变下的字体的大小。颜色-->2 `: C! b9 z4 K5 f4 e4 v
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& w; v7 y7 P9 \: y# W! Dvar hidetimer='';
6 ^4 y( [' A5 M2 B4 K3 {<!-- 改变下的弹跳速度-->$ q! G3 G" W7 E. g6 U! ~
var BallSpeed = 20;
8 d3 ~) M* Z: cvar contentWidth;
$ U3 |! _# z( R; }0 Z8 l: Lvar contentHeight;
0 s2 d* ?, E! z' Ovar maxBallSpeed = 50;
2 a! q! K, |( C. ?7 X8 G! D+ s, H( T& S" g. W+ I4 E

! F2 G+ x/ q& Y( g) ovar xMax;
2 I# x3 V7 f) L$ a: H7 z8 L& zvar yMax;
& q  t8 Q5 e+ }6 l3 E9 svar xPos = 0;' l. P1 f, O6 y! f
var yPos = 0;% x* r3 n8 _& F* n$ A/ r
var xDir = 'right';; u$ z( F' r) d' ?/ k$ `, }
var yDir = 'down';
; z0 L0 V( W4 ~+ l* f: mvar superballRunning = true;
% ~2 i2 w- O8 k+ ~8 B' r0 |+ w# evar tempBallSpeed;
& u7 D- A) ?1 kvar currentBallSrc;& P# U' q, Q7 g9 j- G) U2 e  H
var newXDir;
" q2 {$ }0 J# a9 I$ j1 B4 ovar newYDir;3 n+ I# i: t( D. c1 y* V! j
' f1 E: X4 C4 q% T
function initializeBall() {) w: t. b. I. d! O6 t
   if (document.all) {; W  X  d; Y1 h# c2 S
      xMax = document.body.clientWidth
: K  C3 z1 ]9 U! ^! s      yMax = document.body.clientHeight
5 x. [  A! x6 f( j/ @( V& x" R      document.all("supertext").style.visibility = "visible";
! ^3 I* {* }7 g+ i( ?      contentWidth=supertext.offsetWidth8 S1 B, j9 M2 D7 J( }
      contentHeight=supertext.offsetHeight! _, N1 M5 f1 c+ I
      }: D7 A; v& n# ~+ J  f
   else if (document.layers) {3 f5 d# E" I( C3 i( j& M
      xMax = window.innerWidth;
6 o; a) r2 o" U) D. p5 F+ X      yMax = window.innerHeight;
7 Z+ n8 p) |/ z0 u* ~      contentWidth=document.supertext.document.width% x% c0 T- E; d9 @/ T4 A/ N
      contentHeight=document.supertext.document.height
$ M4 R$ l& O! s: I1 d, ]      document.layers["supertext"].visibility = "show";& J! D; G2 H2 D! [8 m2 P& y* k& {  W
      }% _  `9 {* ]1 {! z
   setTimeout('moveBall()',400);% E$ d5 ~! ?  D5 A/ t  p
   if (hidetimer!='')
2 I  D3 k0 z2 K3 @9 v   setTimeout("hidetext()",hidetimer)
! t0 g3 r3 H) _2 e2 x   }
! F& @/ R5 a3 i0 W8 A+ _& z
$ o5 j  o9 }' \& jfunction moveBall() {6 B6 b+ p. I/ Y
   if (superballRunning == true) {: s0 H) I. i6 r& z- |. Z0 K* x
      calculatePosition();
% B; K/ N( X7 G0 H% Y      if (document.all) {
7 K- }5 c' ^6 F) t! l9 W         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* k8 T2 c2 E4 {5 l$ O( S( {         document.all("supertext").style.top = yPos + document.body.scrollTop;9 J' [+ z3 p: t! L# x
         }. K0 s8 p9 J* j3 Z* [6 w7 h7 l7 {
      else if (document.layers) {4 _& U4 G- _, J+ W! K# C
         document.layers["supertext"].left = xPos + pageXOffset;) i: K' Y: X5 y+ d' f2 f: ?0 U
         document.layers["supertext"].top = yPos + pageYOffset;
/ B/ C3 ?5 p) }# w5 E8 m0 E2 h6 }1 U( E         }
& y& l; I5 ]# K1 n; u" p5 U& W$ X      animatetext=setTimeout('moveBall()',20);  m5 \/ R5 n# f* Q5 a" h' D
      }3 a/ m0 C& M* J
   }
3 G/ A# V2 x" Q3 z/ Y% P
2 n: o0 ]0 a5 ^0 C, P  Pfunction calculatePosition() {  z2 \* M2 U1 u( I9 I
   if (xDir == "right") {3 k7 e+ C8 x/ y4 H$ o7 c: |
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ ~# ?6 ]; W! R+ K+ q( Q2 S( O# ^- a
         xDir = "left";1 K: K) H* o6 y2 K
         }. h7 C# G8 D( B' v% @5 x: C* F& w
      }
( I4 @! N2 o% T* T9 Z2 E   else if (xDir == "left") {
* k4 G. a) M/ a) P  V      if (xPos < (0 + BallSpeed)) {
6 O3 ?& W) _/ b$ G' ^7 A         xDir = "right";) c' Z% \4 z, Z, U$ c
         }
5 L: x4 d, j5 l& D; {      }+ m5 c% c7 B& L+ g4 _: k6 D
   if (yDir == "down") {
3 I) b5 E0 z; \2 B/ w) T' B- p      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 g) b" m5 _+ t0 y# x+ m6 X& X         yDir = "up";) P1 q) i, Q7 g0 J( R
         }+ a# x' w. C6 B' N. r4 T
      }
, m9 H: F( ~3 r% j2 b( A   else if (yDir == "up") {: o, s) t% S+ ~+ o3 J
      if (yPos < (0 + BallSpeed)) {
* C) a, k3 N" U6 n1 t& t0 D) \         yDir = "down";
6 ^2 O8 ~3 Y% j3 C4 X         }
8 \1 R' O, r& S1 e4 t      }
( _& M8 r; e2 P# u. Z   if (xDir == "right") {) j3 {. }. @' s/ Y
      xPos = xPos + BallSpeed;. \* f" b! p& K9 N* G5 Q& g
      }! k& ?+ q' z5 Q7 s
   else if (xDir == "left") {
  K; x  V6 P1 R      xPos = xPos - BallSpeed;! `: f2 N: W  T, n
      }
( v3 Q  |6 i2 t+ g/ Q   else {
% ]! Y7 \: o! ^% V1 O      xPos = xPos;
# V0 w3 O  q0 p2 J0 C, k4 `/ E      }. ~4 B2 }$ N7 q
   if (yDir == "down") {0 [. W, f/ F% k6 H8 [
      yPos = yPos + BallSpeed;" V7 q' Y# y' o* A/ g
      }$ d5 q; o5 n; m. |5 X, n/ A6 B
   else if (yDir == "up") {
& `9 c1 M, |2 [  A      yPos = yPos - BallSpeed;# I( G# d; x) r; Y8 l& Y
      }% X/ X+ d/ n) N# C- a( ^3 ~- S& O
   else {+ _  Q8 e6 _' V( N8 n! `8 B0 F
      yPos = yPos;
0 s% \8 Q% }# x! C3 W      }0 z5 |) Q% Y( M4 q
   }* j1 ^% X) s0 u, H% M

9 d! |. {" w' xfunction hidetext(){
2 {0 B$ e2 |3 c& j' W# u3 B! P- Fif (document.all)9 _2 P: g  d9 }5 Z  Z( g# |1 p- _
supertext.style.visibility="hidden"
9 t) K) b: f  ]$ I, Z: Belse if (document.layers)
9 G6 J3 e& n' Idocument.supertext.visibility="hide"
0 i% t: k( U+ g$ ^5 b. z- e" DclearTimeout(animatetext)  E" [' W, H! C. g: A) U
}/ y! y: ]8 h+ d

; H% L( H; C, L* |. Jif (document.all||document.layers){
3 c! B. S& V" R0 a1 p- fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ J% {. x" m+ @* ~/ M( v1 U9 U1 o( s4 q
window.onload = initializeBall;
3 r* B* [. _" i) R/ W0 L5 Y0 qwindow.onresize = new Function("window.location.reload()");) v. m4 Q' w- m: z6 Y% t
}) N4 A4 v" ~7 v. ]% D  {6 a

% e7 c8 ~0 h! j% a  O</script>