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

zw2004

<style type="text/css">1 P% D% o& i, l% j$ _! d
#supertext {
& t0 s& j+ m' Y, q+ Vposition:absolute;, Z* [' K# P6 r" S
left:0;
8 H0 _! N0 Z9 a3 t9 }7 rtop:0;
0 p7 D1 T+ {  O6 v& Mvisibility:hide;$ J  u9 I7 _& X- g; U3 a: v
visibility:hidden;
8 a8 W( L, V. P! v}
; y! z( K' J# B. \- P3 U</style>' n7 u; d6 z: U& A
<script language="JavaScript1.2">% N* ~# P- q' z; U8 W; f) o
<!-- 改变下的字体的大小。颜色-->
" t1 z: n# j3 Z8 h& z* Wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" m4 r* d( A/ b, k7 X
var hidetimer='';
7 V( I8 A( }# @+ _, m7 U6 B) Z<!-- 改变下的弹跳速度-->
/ s/ P* h0 F, Nvar BallSpeed = 20;
  T$ w2 }" L- ]  a( w  tvar contentWidth;
. n0 s$ V, \" ]( f  v% }3 }/ Y; R; uvar contentHeight;
& n- X9 u$ ^7 w' vvar maxBallSpeed = 50;
- O4 o: r: m  t% `
5 K( h# C9 q* {  ~  ~& P" c
# u8 X' U: a$ M& Ovar xMax;
& x9 N& I$ v- Wvar yMax;
% z; }0 n  [: K4 ?! avar xPos = 0;# P; a3 s2 f6 n$ g7 K; R3 `
var yPos = 0;
. @$ ?- r( J1 ]( z1 T5 f4 j7 Jvar xDir = 'right';+ ~  d3 ~1 ~! y1 f& B
var yDir = 'down';
1 n# k; ~, h5 X6 U) {  n% wvar superballRunning = true;
0 }9 k/ j& B. j6 o* a. V5 D$ ?var tempBallSpeed;1 e! J: E" l; C0 A  H3 s
var currentBallSrc;/ X' y2 {- }% n7 \* w$ L( O
var newXDir;; n, W; F( ?4 B3 V0 D
var newYDir;
. J+ T. W1 ]" x# {3 U" T# p
* Q7 O0 m9 J  G5 P- efunction initializeBall() {
$ q+ k4 X/ |2 @   if (document.all) {
2 ]( h4 b9 b2 J* y2 P      xMax = document.body.clientWidth
2 Q+ z4 c* w: |, r* |  w: p/ W& D      yMax = document.body.clientHeight
9 N( O; e5 f4 }: t, Z& I      document.all("supertext").style.visibility = "visible";% {, p5 [( f+ G2 ]: s! R" n" g
      contentWidth=supertext.offsetWidth/ W) Y7 K7 F+ Z; S! ]' P1 W
      contentHeight=supertext.offsetHeight5 s" m, h7 [( a3 `# U4 b
      }
3 H( W  U$ R; V) r) L   else if (document.layers) {$ |  {# [  f. K# m! \
      xMax = window.innerWidth;) a' w, V. Q# I  B# Z. a5 M
      yMax = window.innerHeight;
& n0 ]0 o' v$ k3 |0 w/ {      contentWidth=document.supertext.document.width& t! w0 J, K/ g5 s8 n2 W9 D
      contentHeight=document.supertext.document.height, ?8 V' I/ E& T  ]
      document.layers["supertext"].visibility = "show";
+ {2 t3 ~- T4 ^2 e0 c      }
' M; u2 G5 r3 a2 Z' x" z   setTimeout('moveBall()',400);
/ J  u) x: i, M% ]9 }- J/ M   if (hidetimer!='')
8 q0 T9 M# h- ?# G! v   setTimeout("hidetext()",hidetimer)- r- p4 p1 v$ ^7 `% [9 @/ S7 ^% _0 o9 A
   }- C- s- c! Q; y3 E( @& m
& J- E# v) d; g1 [6 i
function moveBall() {- {  _: f; {+ T& j
   if (superballRunning == true) {- Q+ u/ F8 N; b* M$ `+ X* @8 ]
      calculatePosition();
3 X  i* |7 A% A6 K* X' g      if (document.all) {
% `) K1 X/ m: Y: O3 `         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 @2 a. d' z% B+ @4 U         document.all("supertext").style.top = yPos + document.body.scrollTop;
* G3 F8 J: _8 p8 j5 p) x         }6 F; Q, C4 k4 |2 v. A
      else if (document.layers) {
5 r) D, Q5 c0 }         document.layers["supertext"].left = xPos + pageXOffset;
7 E& V* N) i2 W0 [: }5 Q         document.layers["supertext"].top = yPos + pageYOffset;
9 ^+ n' p0 C$ p+ Z1 V7 K) u- m6 k# R8 F- i         }+ J* L* s5 O& l# U; K
      animatetext=setTimeout('moveBall()',20);
  N$ `6 i1 O  S" [% L      }- K- `8 ]; d+ M$ a/ b) v# t
   }
: K* @. h# L0 t$ {! c0 E3 H* e5 _1 l% Z) w; x0 {
function calculatePosition() {% L" O& n8 E8 p$ c8 D1 W7 y1 _6 h
   if (xDir == "right") {8 B/ q. O9 ]% P
      if (xPos > (xMax - contentWidth - BallSpeed)) {8 L6 l7 g* q2 E; W
         xDir = "left";
  R7 f4 e0 W! s         }
$ V9 a) ]  G( Y      }( @/ P( }) `4 N
   else if (xDir == "left") {
' X) k, S4 B2 [4 n      if (xPos < (0 + BallSpeed)) {/ J4 v, S" d9 C& W- C( S6 n) g
         xDir = "right";" ^& J# A. S4 j5 H6 V+ W
         }
& z6 d6 O- X! u( N, I2 Q* i      }- u2 W$ ~, }9 ~
   if (yDir == "down") {
3 ~# @# L/ V: |5 X: Y9 n      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 ?# e. a$ U# F! ^3 N! _) q& j         yDir = "up";7 y, I( ^' ]. @4 W
         }) M  U1 o3 U/ x" D2 W# s' X2 B
      }( q3 J  s, q7 ]
   else if (yDir == "up") {
. \/ M, ~3 f9 l4 u4 x  \      if (yPos < (0 + BallSpeed)) {1 n3 a8 `, O: W" {6 W
         yDir = "down";
) m! U6 K( C1 b4 T: g         }
/ @! c" v& D& t3 [( k      }
1 @( m# W! F, ~3 v; u$ t   if (xDir == "right") {
9 K' `0 p. A8 A& W      xPos = xPos + BallSpeed;
: n% I) R$ I& L+ s7 m3 z5 b      }* V, H4 d: B% P; F7 R, t+ t( I: X; G
   else if (xDir == "left") {: L( Z; b% S9 N) `" K- ?9 t
      xPos = xPos - BallSpeed;
' d, e, f6 N9 T9 _% W( O8 H6 f$ j4 e      }
0 {" O2 {+ W0 y1 B   else {
$ {+ g5 Q& p4 t      xPos = xPos;
" n; c! Y( Y& ^& g: f- ~8 s      }1 d% G( D9 G0 x) |( w$ Y! s3 Y2 d
   if (yDir == "down") {) B: {. `5 y% O! @/ {
      yPos = yPos + BallSpeed;" b1 A& Y9 O3 U( T/ t
      }: \* A0 W% \6 p* ]. w# H) S3 F7 {6 K
   else if (yDir == "up") {
9 ~0 W+ P4 o. e      yPos = yPos - BallSpeed;
$ }1 t! W1 o1 j' t      }
! u  Q$ v1 w. f+ R2 R- s   else {" `! [! j  O! e; ~* |3 k: h
      yPos = yPos;% D, W/ B% O3 \2 [" d5 h( [8 G
      }
# H' c: G+ D* |# n2 d0 f/ @: b- i   }
) _3 y2 {1 g+ l( r3 m" a* d! X! E& v) z4 v7 m
function hidetext(){
' Z7 N0 a/ f& w; Bif (document.all)7 y8 C0 X) |9 p! O- M+ J' ^
supertext.style.visibility="hidden", w8 H3 W+ ^5 v  W* v
else if (document.layers)
4 n9 Z0 Q0 W0 adocument.supertext.visibility="hide"
/ o" Q% S1 u5 a5 LclearTimeout(animatetext)5 a2 B+ ?( b' B7 _* w+ ^
}
; \- f6 s9 Y3 a9 V7 }  U" J! s
- [. {# l) G, Hif (document.all||document.layers){5 F6 a" \6 g& F! B6 E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! G/ o: i5 D% p9 C( \1 h
window.onload = initializeBall;
5 s$ ~( c$ A' e1 D+ O3 G- m$ F5 Z, `window.onresize = new Function("window.location.reload()");
6 M; ~- _0 v; Q* x}5 k; ?) ]( H  n4 z. D+ z2 M: e
" B* t  N( [/ a% q( z* A4 p
</script>