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

zw2004

<style type="text/css">+ d, U: b; Z+ M$ C
#supertext {; p6 n& U$ l' W
position:absolute;
! C4 h% L( @& t1 w2 V8 `+ Sleft:0;) v6 j% A3 y, Z
top:0;
# L& g8 H" l  p0 j( zvisibility:hide;% u0 K" f- y' s) D
visibility:hidden;
) q' J: i: J1 f+ j}
4 |0 D& G6 L1 ^# a3 w</style>6 n7 s; b# P. U: H1 y9 \$ l
<script language="JavaScript1.2">
9 C+ m2 L+ J2 Z& }! m( l( {<!-- 改变下的字体的大小。颜色-->
" A8 `" I7 f: \) o' V+ tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 }; [% U& K7 `, lvar hidetimer='';
0 Z1 Z0 ?0 |" D5 @6 l- k<!-- 改变下的弹跳速度-->+ K: j3 ~6 \0 Y$ y" _
var BallSpeed = 20;
' J8 i8 S4 ~$ [var contentWidth;
/ ^) z. t2 t7 g1 |" I3 R, b  c  n( avar contentHeight;6 s0 Z+ {9 e8 [- K1 W3 f5 \
var maxBallSpeed = 50;5 H, \8 v9 X. ?/ Y% q

2 x! t, z2 W$ r* P0 G/ b8 A' e  t5 j6 B, v
var xMax;
/ p" e: B/ O* s' o# {var yMax;! O% w/ f' [2 z# c! w) @6 d* j
var xPos = 0;
' |" g+ `( z9 p& Uvar yPos = 0;
) `& v- l+ G. @& a  [; ^" cvar xDir = 'right';
$ d9 H+ a3 K1 d% lvar yDir = 'down';
7 Q. Z( X- n: x# }5 |1 E! e2 {: b/ ?var superballRunning = true;
# e- ?" Z! B( Cvar tempBallSpeed;6 O5 V1 w: B* u5 ?( v
var currentBallSrc;% [6 J9 w5 C4 ~) U8 \: o
var newXDir;! q+ d  w# ~4 y. ]" W
var newYDir;
! m  C: W5 ^  U1 w/ j: W# Y  h/ X4 {/ T9 K7 C
function initializeBall() {& y6 N7 b+ s2 a2 g) W  C
   if (document.all) {
3 z3 e5 ?2 J* w  r4 U. J      xMax = document.body.clientWidth+ O, x" Y, m8 m. O3 D' o! U: t' U
      yMax = document.body.clientHeight
/ o8 P4 P4 Q! t      document.all("supertext").style.visibility = "visible";1 D' Z3 E$ I9 s; C
      contentWidth=supertext.offsetWidth
% y5 X7 M9 L. ]4 y      contentHeight=supertext.offsetHeight
" H9 H5 r. |& L9 u$ Z8 X- b4 W      }" B% z' H! P+ m: e+ F$ @. d& b
   else if (document.layers) {' @4 H# N: q  q. P( b& v% A( i
      xMax = window.innerWidth;
: i$ \  q( h* w, J9 j2 |+ y# e      yMax = window.innerHeight;
, O4 l2 ?9 m- g6 U  }      contentWidth=document.supertext.document.width
6 G) _0 J, u# f% _      contentHeight=document.supertext.document.height. g+ |- t& J. G6 c, H; ]
      document.layers["supertext"].visibility = "show";
5 _9 z. M- k/ b      }; `% R( t% ]$ B" [+ ]  V
   setTimeout('moveBall()',400);8 P  P. ~8 V4 d3 Q
   if (hidetimer!='')" O% ^( p4 T& k0 B. ?' k: M
   setTimeout("hidetext()",hidetimer)
  V9 A2 w/ A! d/ d/ b! E   }" K& e) Y; N1 W- y3 ^

3 I& \5 u- _, k- J+ Hfunction moveBall() {
: s9 L% [; F; R* f   if (superballRunning == true) {4 _; |, T/ F+ U  v  Q1 u
      calculatePosition();
. Y6 ~& \$ G" W9 e2 d  N# k      if (document.all) {, a/ w  S" X5 }5 \, \7 n
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ w4 l% D2 d. c! f' T         document.all("supertext").style.top = yPos + document.body.scrollTop;; {) Z  m( _$ ^# ]( q7 t# i7 u
         }; \8 |  E; B8 h/ ]0 u
      else if (document.layers) {
8 O/ h8 L/ Y! F/ e! p         document.layers["supertext"].left = xPos + pageXOffset;
5 d8 h! T: B1 s: S! `* R0 x. ]         document.layers["supertext"].top = yPos + pageYOffset;; X! }; l3 \7 ~, K! t: K
         }
/ X) R" s3 D' u+ M( s& X      animatetext=setTimeout('moveBall()',20);: D& p) z9 c0 \7 o7 k% A' B: j
      }
4 `/ F8 o! K2 M   }6 Z& }  B( H9 m0 G" Y* f. m) }
7 y* N, ^; ?/ Q# u4 Y+ [; D; W3 K9 o
function calculatePosition() {
1 C/ J6 z  L/ {! _8 n3 b  P- D  N1 L   if (xDir == "right") {
' G7 ^. J6 Q7 G  E      if (xPos > (xMax - contentWidth - BallSpeed)) {
% I0 D# S9 @9 e4 Y' k4 \! Y         xDir = "left";
- Y3 `9 M# W5 u9 C( b' y( w9 m         }
4 F: J, K' L% {3 M+ b; y3 ~- N1 E      }4 I1 i* m0 I4 }2 R+ `) f
   else if (xDir == "left") {7 s( D- g7 d* L7 R4 \- Q0 ?
      if (xPos < (0 + BallSpeed)) {6 }  n9 C$ @$ p/ G0 |$ h
         xDir = "right";
& [5 }2 V3 |# \3 A  T3 K' Z: Y3 ]! B         }. H8 G7 _$ H, D" A7 w) r
      }5 Y" w3 |! L* f) g& Y3 B
   if (yDir == "down") {! q8 r* g% _% J8 x3 r/ {, r6 {( W- j/ B* P
      if (yPos > (yMax - contentHeight - BallSpeed)) {3 [0 b; O5 m- X, l
         yDir = "up";
3 n7 L+ }' b" d% d/ t# h  ]         }
0 y$ w; B5 `% s/ m: w# n- O; h      }# ^" g% K' d7 J+ j
   else if (yDir == "up") {
: C) [" i% L6 e) p( J9 t- ?      if (yPos < (0 + BallSpeed)) {
5 j8 @& i- I* M$ P         yDir = "down";
2 C$ P* \; {, F$ c3 l         }
& S( |7 j1 @+ d' Z      }
$ z, m+ L' p' a- I: a7 M" V$ w* t   if (xDir == "right") {
5 V5 m9 M3 |; z* D# b2 Y( Q      xPos = xPos + BallSpeed;( D% K$ c1 S% C) ~) |
      }
* |% S; ?8 G2 Q   else if (xDir == "left") {
0 y2 `3 |  M  A4 E5 Q! Z. U7 w$ p      xPos = xPos - BallSpeed;0 w- N$ b( ?8 q7 s
      }2 ]7 A- {5 K' I) ~
   else {
( i, q5 x; w: Q  K      xPos = xPos;+ `4 n- E3 A, M4 h% l, b( ]
      }
# y9 a# B+ `: k: ?   if (yDir == "down") {
/ S5 C) E1 k& [- }      yPos = yPos + BallSpeed;
+ F2 x1 l% ]1 @      }
9 b* \; W  s1 W; y$ l   else if (yDir == "up") {& n9 I6 R1 i) s4 ~) e
      yPos = yPos - BallSpeed;
" L% u; a* _4 C$ K/ T1 e+ }      }
4 F( B0 G# v3 \+ `( k2 q   else {) W5 r) O5 D+ F5 y  V! T0 T
      yPos = yPos;
( s+ Q5 K- v' j1 a1 s: u- \$ i& }: a      }
. \8 |5 n, U/ E6 T5 q   }$ j/ b# x* y/ Y  `$ I( V

& ^" K8 L4 ^# C2 J% ]$ A: v+ F7 Hfunction hidetext(){
4 ^, p/ R: z0 C- y1 vif (document.all)# H" R- J0 ?/ L4 p, N
supertext.style.visibility="hidden") I" R" v2 e% y: K6 b
else if (document.layers)! Z5 U& [, N# f3 M$ f! L6 H
document.supertext.visibility="hide"  A+ ~0 [/ [7 c/ s9 `2 z$ ?0 }' ^5 j
clearTimeout(animatetext)5 c% f2 _' j* w: c0 K% r# K
}
8 u0 C1 H1 f# q) q; H7 Y& m2 u/ `0 u8 H4 o, i
if (document.all||document.layers){
% V( M( ~1 A! ~0 X& h! Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 Q; m4 i& Q6 z7 w' pwindow.onload = initializeBall;
9 h" \. e/ J5 j( s0 K2 {6 Iwindow.onresize = new Function("window.location.reload()");
' o+ [, w* @: _}6 d0 V3 X- h' K5 X( z
! A9 B' Q' _  U" g4 H* P% U
</script>