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

zw2004

<style type="text/css">
2 G' u& g( x+ m/ F+ t$ W#supertext {
/ `8 z* t1 Q/ [2 y' _4 [" Uposition:absolute;
' Q  s3 m$ Q$ H0 @2 Y5 r0 a* Dleft:0;8 m" q- b: o9 U5 u, ?7 a' t
top:0;: N; w& U: a5 C( i* @, n8 O# Q
visibility:hide;' y* ~! \" N: S/ z. h# q, p
visibility:hidden;
5 Q/ ~) ~* b: U9 e$ _2 M8 J( z}
% [+ _# O- ?+ W! A' W1 H  V9 w</style>
( Y% V7 ~3 t8 D4 n<script language="JavaScript1.2">
4 ]: f3 _/ y' z2 q7 |+ e<!-- 改变下的字体的大小。颜色-->  Y$ \  e& w1 a. d
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* x" I% [; Q; @, @var hidetimer='';0 y# E. \9 H& P) D& ?
<!-- 改变下的弹跳速度-->5 j: ?/ Y' O1 m
var BallSpeed = 20;
& _7 h1 Z5 h) D( h9 C) Nvar contentWidth;+ D* e2 E0 d6 s4 V+ @! L) \2 Y
var contentHeight;
( N! J1 W9 t3 l0 S! S  Vvar maxBallSpeed = 50;
! l# e0 i# m3 ?- q0 M/ b) U7 e8 g. P" J2 O' y5 J) T
% ~6 o  }" ?( t
var xMax;' `& B4 a6 x8 m
var yMax;: n. ?3 Y; E( K4 u) ~/ a
var xPos = 0;
. F. o& E2 V  A5 @$ X/ a" Z) }var yPos = 0;
" g+ F$ }5 j+ |8 j, Bvar xDir = 'right';
4 R9 o+ Z3 t" T4 V8 T% q0 Dvar yDir = 'down';$ S  m1 e% X) [- B! ^
var superballRunning = true;
: c, ]! ?- {  x' n& {1 i. V& a+ Vvar tempBallSpeed;: v' j/ N) M" \  L- _6 A% u- c
var currentBallSrc;
1 X* I& v. ]( u4 d  Pvar newXDir;  O! a3 c) {4 v$ m
var newYDir;. E8 Q  c5 t3 t1 q& i
5 {, M0 P. a8 e3 b, d0 s% O
function initializeBall() {8 Q/ ?! G% Q" B" G7 K
   if (document.all) {
2 r6 E& e* ^* {5 W! ]) s( T      xMax = document.body.clientWidth
  T" [" Y; w' Z/ k! L      yMax = document.body.clientHeight
: Z" G% F$ r. G  T1 E  _, ]4 i9 w- o      document.all("supertext").style.visibility = "visible";/ {. l* |4 u) F; G) G! y  n
      contentWidth=supertext.offsetWidth
1 {% r/ j" H% U2 z" s9 f! R      contentHeight=supertext.offsetHeight, F+ l5 k3 p9 {8 [$ r( k
      }
: a$ ]% B6 u+ B/ f8 O0 ^  \   else if (document.layers) {! b) S* M6 ?9 A: o0 j: S1 t1 w
      xMax = window.innerWidth;+ m$ J0 S/ X, d' p( z5 b$ l
      yMax = window.innerHeight;7 _2 [/ ~7 t; a7 m
      contentWidth=document.supertext.document.width- s8 U, k' D8 @" I5 R- J
      contentHeight=document.supertext.document.height
- `4 j, _; D9 O5 V$ _      document.layers["supertext"].visibility = "show";
+ Y. ]' h! K; B8 c" G7 ^. O! O      }& I2 z9 M( c) E" ^, |% L# }. y( Q  S
   setTimeout('moveBall()',400);
4 c) I& x6 r0 I- b) U+ B4 F   if (hidetimer!=''): d6 x2 x7 ]4 R) V! n1 z
   setTimeout("hidetext()",hidetimer)
" {% n! D: ^+ Y4 M   }
/ j* b; \/ E" c' Z9 p) ~
3 M1 b9 ^" j$ X6 [: Ufunction moveBall() {) w9 t# h7 T4 q4 j+ w# h" s5 P3 N
   if (superballRunning == true) {+ e, ~5 A5 y7 d' r. e
      calculatePosition();
8 I+ ?: w: l) p$ @/ A      if (document.all) {2 A0 J) Y7 m( i5 H, Y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 r4 d) M9 i/ D( t8 Z2 ]
         document.all("supertext").style.top = yPos + document.body.scrollTop;
4 B6 j" {+ s2 P% Y- ~         }/ e' b4 {0 H5 P7 j  V* z
      else if (document.layers) {
( l9 w9 i; Q. j1 ]- e* e5 t         document.layers["supertext"].left = xPos + pageXOffset;
* D* t# d0 R, F' q         document.layers["supertext"].top = yPos + pageYOffset;
  U, o! E/ _. Q         }
) Q2 j6 \! b- L1 j0 m  u% W      animatetext=setTimeout('moveBall()',20);
# E, |2 V% O& a      }
( V# S; N5 `$ `! \7 ~8 d+ i   }: {4 ~$ d( x* b' a) {- s% u

$ n5 C* X  O  ~: N- z: ofunction calculatePosition() {, ~* x% Z$ m& o" v
   if (xDir == "right") {
% T9 M5 Q; ~9 Y1 F      if (xPos > (xMax - contentWidth - BallSpeed)) {
! k/ c9 c7 m) e2 ^: \  K         xDir = "left";
5 S) ]! l) D1 }2 x& i         }2 s* l) [9 o1 U3 z: @6 F
      }
* a) I; \( l* y) U   else if (xDir == "left") {+ l7 c6 B0 l; u- ^( T- Y: X
      if (xPos < (0 + BallSpeed)) {9 u8 ~1 H+ a8 o/ I
         xDir = "right";1 F( M% B& i! l# M5 G
         }- p9 I1 t7 k- E6 c9 u4 o
      }
1 O4 }1 T& Y0 |8 Y   if (yDir == "down") {% r2 F9 c! U4 i
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 x) B- L8 d# \2 M' C  A2 J0 z         yDir = "up";* _( N- }' `  r$ d! ?( s
         }* D/ u  s0 Q- n4 N" U; O2 c) F
      }# d( Y1 e5 e% D" q% \
   else if (yDir == "up") {! _) L  v# g( [6 X  O
      if (yPos < (0 + BallSpeed)) {: f0 a& y1 g  d( h9 S9 m
         yDir = "down";8 a7 s* g2 h7 B% `
         }+ N' Z# r) R# [
      }
8 A6 W& I( V4 r4 D- P8 G   if (xDir == "right") {* P% u, e  n1 y4 R* V1 g4 t. O
      xPos = xPos + BallSpeed;
9 E- C5 X- W5 v6 r8 Y      }
5 N1 C5 i* l, i) b8 I7 ?' [2 ~; G# [   else if (xDir == "left") {6 U8 B: ~7 M) D7 A
      xPos = xPos - BallSpeed;* h4 ?9 p8 Y' K1 V' ?5 ?' @% `( \
      }( v( l8 f) v6 @, t8 U
   else {
, p+ a" r( m* n  j$ }1 n0 z' Q0 L      xPos = xPos;3 X' v; [; A1 O! w4 I
      }
3 v- E9 d/ d2 M) r$ U# A! w4 i% U   if (yDir == "down") {
# Y, B8 u+ M9 P      yPos = yPos + BallSpeed;
3 F. N4 J% g6 \! l6 \  E! b      }
& J& q) I  R4 `% j% I2 v& K) A4 h   else if (yDir == "up") {
+ ^. d9 J) B# n+ n. `/ r      yPos = yPos - BallSpeed;
0 U5 y  I5 [- `0 ?2 N- r3 ^      }0 F$ W* y0 a( C6 C
   else {
! E" v7 p5 B+ O; ^7 ^      yPos = yPos;4 }& F" o; V0 |2 U; _
      }- P- }1 p' H5 B+ t- \; {
   }1 G8 [+ I" c: M3 n6 w

8 A- n$ b$ o/ B* G) ^function hidetext(){6 ?& g8 B; y1 b7 X0 t% m
if (document.all)
( H+ Q9 T, N  R: @; t+ V& q# ]supertext.style.visibility="hidden"3 R6 c8 |7 R2 _6 F/ a
else if (document.layers)1 x4 ]' D$ h+ C% U2 v9 A+ j3 O1 W
document.supertext.visibility="hide"" F9 H# ?8 L# \' l4 ^
clearTimeout(animatetext)% [; J6 F0 p) ?/ a4 J6 A  O% x$ j
}
) k% H! n# C3 F6 A( K# n& \; \' _2 v! D7 {8 r6 r' N
if (document.all||document.layers){6 p( g! |7 \% b, v( Z5 S5 }9 i
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 [" P. y  b# r  r. `$ ]
window.onload = initializeBall;
6 M' l. ~+ q- x- V8 Y9 pwindow.onresize = new Function("window.location.reload()");7 R4 K2 e8 u: M1 k: b
}
7 n6 v% F: {7 K; ~! Z" w( C
  `  |* s/ i; e( u2 o6 K! @9 R9 E" q</script>