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

zw2004

<style type="text/css">
7 _7 \, I5 d  w% Z5 Q; }#supertext {
- N0 H2 B& g6 @5 Jposition:absolute;! v& X1 V9 }0 U3 a) y" E0 v$ W4 ?
left:0;
+ l( {& w, Q- x* T; N- @* r5 ^$ |top:0;
8 e- I/ W, @) O( f1 N9 d2 I2 o' [visibility:hide;
  F6 A$ V0 H' O* rvisibility:hidden;; B' f/ E, {; N4 K; w( U+ ]: g3 @9 F/ P
}
: |0 q. ^& j+ k9 V  I</style>
: f6 U( v# v/ B+ R: T<script language="JavaScript1.2">& u0 c) e9 Z9 F1 F/ i. B, Y$ T$ J: o
<!-- 改变下的字体的大小。颜色-->
; M7 g( N' N' y" W5 R. A) qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 ?" x8 ~$ Y% O8 B" t. [
var hidetimer='';
* ]+ C$ T5 c& V  w5 U$ G<!-- 改变下的弹跳速度--># |, p! F' M) e" k* j" E
var BallSpeed = 20;4 o+ _0 z* p; o0 f) W* I
var contentWidth;
' G+ R- D' F. P6 ^) x! U0 Uvar contentHeight;
) r# S: p6 Q1 ~5 Evar maxBallSpeed = 50;
/ S" r; ]+ v3 j- M1 d6 @
3 M2 ?; I& {) T" ~0 O: P: E/ o9 M
# Q+ h: f! a) m: y; E9 h) evar xMax;2 L; F. ]5 r. w4 i, t; z' _/ ~
var yMax;
9 x( S- i+ W  D) S4 ^var xPos = 0;$ i  z& Q) G  K5 T/ p9 Y$ X, P: ]
var yPos = 0;
0 Y$ m4 |1 P! D  k+ S2 Gvar xDir = 'right';1 T( T' z+ g+ ?" N( ^
var yDir = 'down';
' n+ y5 T7 f8 Z* g8 @  g- u, l+ a: [var superballRunning = true;! Z' _5 ^0 l7 _$ ^: _1 v
var tempBallSpeed;
1 j% t; K0 f9 b) yvar currentBallSrc;! n: Z. V- f: [& h+ V
var newXDir;
4 |  G( T; [) V/ n/ n" uvar newYDir;0 q4 ^3 O' j  H& R+ G% h, @) q
6 J7 {: M3 B: K+ ~5 _3 ^9 A1 R; ~
function initializeBall() {
' V6 c' V; e' D& d" ^" i+ k   if (document.all) {
; n3 }' A1 i' w1 g2 p/ k      xMax = document.body.clientWidth8 g) K1 }. i2 x3 K- T
      yMax = document.body.clientHeight
- X. A( _: w- m& p, o      document.all("supertext").style.visibility = "visible";# n2 `3 y5 i# q0 M
      contentWidth=supertext.offsetWidth
, b# E' F3 [! k" W# A8 Q      contentHeight=supertext.offsetHeight
% r9 Q! m# W4 X' M4 B* b      }
" I7 R5 _1 N+ E0 s, M( Z& ?2 q* i   else if (document.layers) {
; L4 b: I; C. D6 a) S. \      xMax = window.innerWidth;
. j* z- }8 h$ |$ i5 N. ?9 U      yMax = window.innerHeight;, e( X5 _( ]; }4 _  y
      contentWidth=document.supertext.document.width
, Q- Z2 E9 V0 w" M      contentHeight=document.supertext.document.height
: N' `" T- v6 r- w; l      document.layers["supertext"].visibility = "show";) F' e4 K6 N8 g1 T; h+ Y
      }
6 [- R+ A3 ]% L5 l& r. S0 L   setTimeout('moveBall()',400);
  D. ~, b" z9 n) ?  m, J   if (hidetimer!='')4 M6 V/ x& o; R: l8 z) ^
   setTimeout("hidetext()",hidetimer)
; O9 E! T8 r/ i. E) G   }2 y' c2 b3 @; K/ A% x6 k# |) t
+ r7 ~# f2 u3 Q9 d. a0 p9 [
function moveBall() {% C+ ^& C  c. M3 T
   if (superballRunning == true) {4 {5 u6 D0 u# Z4 C- C# H
      calculatePosition();# g8 o: k* _. }9 _8 ?$ R/ {
      if (document.all) {7 n5 T9 Y% u/ U& K$ @" ^! w
         document.all("supertext").style.left = xPos + document.body.scrollLeft;3 u6 Q9 _. O/ h+ D4 I, o2 I- T1 X
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ d+ f; G0 F0 M- ^% i- U         }
" P# T  X1 t+ x. t) F4 b      else if (document.layers) {  b0 F' [" v8 y3 u# S3 E4 E
         document.layers["supertext"].left = xPos + pageXOffset;% [2 o  A) i" g$ `& O  u8 z- N
         document.layers["supertext"].top = yPos + pageYOffset;0 f# m" R  t" W7 I, k( x+ S  f8 i
         }
, G! G. h( o) R% U& ]; _6 k" d0 _      animatetext=setTimeout('moveBall()',20);( t# P  I! Z9 ?+ Z
      }
: q) T6 N/ w5 f  r- j   }; R* _* X& o: S' ?  o% s

3 x6 [! a1 O$ `, F/ _& ^# Qfunction calculatePosition() {8 J9 |# k3 l( L6 P. y. C0 b8 ~
   if (xDir == "right") {) ]3 P# U! x% H8 \7 ?& O; D
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# Q4 H5 v5 s" h% U1 z' x1 [. M# a5 v         xDir = "left";
2 ]5 R9 e* W% l0 ?8 t+ c. |- V         }
: ^( q6 S! }1 X2 n& g. H      }$ k* C1 C3 {) c; x# M7 f
   else if (xDir == "left") {1 Q8 a! g4 k# H0 M3 \
      if (xPos < (0 + BallSpeed)) {
* l% g9 I& I3 O% ^         xDir = "right";' Y; G$ o  Z& U3 f
         }
2 ]  p6 ]4 c, C0 \      }0 M( Q! T% l2 o, i1 a" U  j1 l
   if (yDir == "down") {
: @3 c4 D( A; x" [; F      if (yPos > (yMax - contentHeight - BallSpeed)) {
( L; i  X9 A7 {         yDir = "up";
+ q4 O3 e: E" O) u' h+ X         }
8 x) L) p2 E# E& t& c5 a      }7 @# R' a1 k6 E" r) F3 p0 s
   else if (yDir == "up") {
" P+ q; ?3 s& V: t: t      if (yPos < (0 + BallSpeed)) {' i5 }  ], t, s3 T2 h
         yDir = "down";
9 X; w/ d9 c2 c4 S6 i4 e& ?6 Z8 k         }! Q2 g5 K( A' {5 N) C- L( O
      }* g; x" X) I5 _' E
   if (xDir == "right") {
# g( U* o- C) b0 Q- ^      xPos = xPos + BallSpeed;- ~) o- n! n% L) m; g
      }
" ?' H4 E/ Y$ N0 |$ U   else if (xDir == "left") {: i- v; D, J! k/ e) y1 L
      xPos = xPos - BallSpeed;
( M. j0 l% ^9 C$ _. o; F      }& t$ V0 ]# v- J* K* G/ T
   else {; h  w0 A# ]* l1 p. t5 j0 I; i9 O- G
      xPos = xPos;
2 f8 n5 I7 \8 P3 y, z1 D      }
; o6 \0 ]# r, ?1 @   if (yDir == "down") {
0 b$ X/ W' u; }/ f; N, y      yPos = yPos + BallSpeed;! W% y/ j- Y3 M5 A
      }* ]" Q5 p/ D5 ~3 C! r' E/ ~4 J
   else if (yDir == "up") {* e5 P* U/ r0 o; Z
      yPos = yPos - BallSpeed;$ P; }7 }  h4 {: E' F; ]
      }
. D' `4 y% Z, E% D) v   else {
$ W7 I% S( i8 ^$ i      yPos = yPos;
4 d' d; H6 p( G$ ?8 c      }0 D( H6 E( G- O! w+ j3 T2 \
   }
' x/ O& o9 O) B$ d+ b# ]6 w
, E% c: k: S6 O9 i3 Tfunction hidetext(){7 C9 `2 \- [  |  G) k, u
if (document.all)
! b$ ]7 H' B! O; f  {; }% I4 csupertext.style.visibility="hidden"# ?6 @. B) O) V, x1 f$ G4 J
else if (document.layers): u# q' G6 V1 h5 I1 O
document.supertext.visibility="hide") j2 x( U6 w9 o0 D4 `
clearTimeout(animatetext)
3 V5 o# c8 ]; R}$ w+ n) N' a4 t5 z* d1 n  z$ ^
1 _; ]5 v: {' o3 A$ I8 D% I6 b
if (document.all||document.layers){0 n: N0 ]: {# ?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& @9 h  ]* o# X; Z" I+ g- twindow.onload = initializeBall;5 ?: {+ g3 [  a
window.onresize = new Function("window.location.reload()");
* ^# d: S0 {( Z. T+ b}
- x1 C" v6 ]& V6 n6 {
- ~2 ?& o" D. X' }; W6 _& P</script>