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

zw2004

<style type="text/css">
* r6 I- j+ a, @' T#supertext {
" a8 J; v! Q5 `) e0 j# I+ Wposition:absolute;
0 T( }4 H* Q7 S4 V! vleft:0;1 b/ p! z- J: O3 p
top:0;
2 i$ X8 s1 j8 @$ X+ }; L9 z, lvisibility:hide;8 s8 e8 e/ K/ F, g$ G
visibility:hidden;
# R  ]! K5 A  ?: s}
% y5 b8 c% w: R$ L' u+ C7 M% o</style>
: G2 q* d8 w( N<script language="JavaScript1.2">
0 U$ S2 y( R" j: q) v<!-- 改变下的字体的大小。颜色-->2 w3 o8 E/ K" Q& d- K- m  L! w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 E: Z4 S) s  X; n1 F: Svar hidetimer='';% Z  r# s4 o3 w  L* T/ R
<!-- 改变下的弹跳速度-->5 C7 C* U$ ~! l
var BallSpeed = 20;
1 C0 G6 v" t: S( pvar contentWidth;7 j& f; y6 Y- D/ H
var contentHeight;
! _7 Y; e9 r: ^+ F3 R; [* yvar maxBallSpeed = 50;6 R9 a4 {: ?/ B  D( Q7 h

8 a" Z0 y! N- B: Z  }+ i, t) {' L/ G- w0 {! q* ?
var xMax;
/ J7 a% X: _: lvar yMax;, p  S8 w" a3 g+ i, N1 b& P
var xPos = 0;6 f+ `3 C& y$ J$ K4 R4 |
var yPos = 0;1 L) d: c: }8 a, p
var xDir = 'right';
$ N1 K+ h% ]8 A% cvar yDir = 'down';( ]$ k6 D$ ^  }& q- v
var superballRunning = true;
& ~5 p$ K1 N+ h! h5 `& x' w; qvar tempBallSpeed;8 d( V+ ~6 ?' X# `* c, a! Q
var currentBallSrc;
1 r; `) H  a2 K2 dvar newXDir;
( ]/ s0 W! b/ u( h3 y/ f: `var newYDir;+ i0 `0 @8 C, k6 O
* Y: l! g8 }6 K* A* z7 N4 l5 T# M
function initializeBall() {
6 p2 }! l- h) |' f8 e   if (document.all) {
# g. Z0 ^; c- D8 ~7 S      xMax = document.body.clientWidth
3 a9 h/ E' }$ ?2 T2 G* s2 W  P+ D      yMax = document.body.clientHeight
- o) Y) F8 M" B  p/ o9 J      document.all("supertext").style.visibility = "visible";
7 w# x& \& K" I# z  t& ]      contentWidth=supertext.offsetWidth! Z$ r) D2 ]" b2 p4 m
      contentHeight=supertext.offsetHeight: I! E8 O# l0 r4 ?+ |: L4 y8 J! W
      }# \3 n5 A: H, H' T  g4 G" N7 I
   else if (document.layers) {
- l' N! x( o" C      xMax = window.innerWidth;
4 R3 ^$ R. J! m5 T$ M      yMax = window.innerHeight;
5 }  n0 U0 k2 V) z" k' s& f      contentWidth=document.supertext.document.width
5 l1 |2 K, @. j      contentHeight=document.supertext.document.height; n9 U7 U& L+ D+ o  a- w, H. W: {
      document.layers["supertext"].visibility = "show";
$ _, w  Y" r4 A5 F      }
' ~( i; f1 |1 c$ Y  V$ e  e   setTimeout('moveBall()',400);
; {+ m# n1 \7 i  y/ _   if (hidetimer!='')
# b. K+ T2 N/ h4 k' z1 V   setTimeout("hidetext()",hidetimer)
2 s' V* T) b4 L% s   }% d% u+ n' E9 }; N
% G3 x6 G2 c" i1 q7 s: I" K8 H
function moveBall() {
$ r1 \3 X1 S7 q3 d7 M   if (superballRunning == true) {/ E8 V+ ?. Q# k' y
      calculatePosition();
' W! ~5 d) ]  v9 d0 \4 ?7 j. u. k      if (document.all) {
  M! h# V3 T  a         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 ^! o+ [; L# N0 G         document.all("supertext").style.top = yPos + document.body.scrollTop;# v8 p& m5 C. ~0 t* h
         }  j9 M3 X6 b; V/ I
      else if (document.layers) {1 ~7 C" B( u( E( n, u( M
         document.layers["supertext"].left = xPos + pageXOffset;6 E) @, H- a& A/ u% K
         document.layers["supertext"].top = yPos + pageYOffset;6 ]- w; c1 _. W- z4 i9 p2 d
         }$ {7 y) s8 P& _+ A3 s# S# j/ s
      animatetext=setTimeout('moveBall()',20);
% Z) a6 A& Q; X) U      }: o5 F4 }, b/ J- ^5 i* k, K
   }
* }* F3 O/ {" L1 e  K3 \
  V  H4 m  J% q6 p( ~function calculatePosition() {. [2 o- y. |, Q# R1 Y9 S
   if (xDir == "right") {, J' N7 X$ X- H
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 c& B  X9 X: y
         xDir = "left";
: g6 T6 @7 m: C$ b0 a         }% l$ J3 o7 J, }% B
      }( ~9 \/ t" g& f$ n6 y" Y$ y3 o
   else if (xDir == "left") {: h2 |  q. u: L
      if (xPos < (0 + BallSpeed)) {
% t% f4 [3 ~% f. R         xDir = "right";
5 b# s& E) j; f$ G         }+ A5 t7 k$ b6 y& A2 j
      }* J! |+ G4 z- W. R$ s2 S
   if (yDir == "down") {
3 |2 \+ A: _$ ]0 v1 o+ n      if (yPos > (yMax - contentHeight - BallSpeed)) {' y9 S. H5 ^$ g1 Q. P: l& G
         yDir = "up";' f( Y4 ?' C8 m. N6 `: f, M
         }9 o, O# N6 H/ R
      }
9 s! Y0 X$ U7 D  A2 q   else if (yDir == "up") {
7 {! v/ h: x, ^8 U1 N      if (yPos < (0 + BallSpeed)) {2 A9 T+ z& Q8 c; W% k7 _0 P: _
         yDir = "down";
- c2 y% y" W9 f' w6 z         }8 B8 l& j" D, m# f
      }
) ?1 b  c) B0 u1 X   if (xDir == "right") {
; t3 L/ O& S( z7 T      xPos = xPos + BallSpeed;
6 o: R  I3 G' ?* C0 J      }
, W( x" [  d& d+ o& I% m/ ?   else if (xDir == "left") {
# M. z2 p: u; T3 V      xPos = xPos - BallSpeed;
+ _0 ~/ ~) m, l4 f) M! v' c      }* C% P# b. t, q$ M& h9 J
   else {* g3 U3 v  {6 n7 K* ]0 U, g
      xPos = xPos;3 {2 L6 r2 |  N+ L7 K. |( @. X' Z+ W
      }
! G; F  D' i# ]% \$ X   if (yDir == "down") {
" D  r- F% ^! J" @7 v, Q0 J, j      yPos = yPos + BallSpeed;
0 G6 ^) M* S4 o      }
- u# R% t, t' V, H2 Y, ~7 J. i   else if (yDir == "up") {
3 P# p$ {; Z6 e% _3 i2 m      yPos = yPos - BallSpeed;6 K1 ]8 _  p9 H* I
      }" E/ |3 x9 e. ^# a" z
   else {8 A% q; P0 z/ F& q4 |; L7 y3 j: s
      yPos = yPos;
5 s. p- ^5 I8 k( D* w' W      }: ]3 ]9 u; m! o- W+ w9 |7 g: k
   }
9 M; b, T4 r% @0 W/ b4 ]7 M+ J6 c, C
function hidetext(){! q! x0 O( O, |4 d& \- |- A
if (document.all)3 E. i# O% D3 w5 H3 m8 R2 n4 o
supertext.style.visibility="hidden"
0 X3 J0 f6 e/ I: melse if (document.layers)" Z. H& L0 N: S4 t+ `
document.supertext.visibility="hide"7 X  Q) P3 D* S: K! K, `. s
clearTimeout(animatetext)
* s5 v/ M  M" R( I}
. z5 Q: p# e% F8 F" l  O* E, }5 ~$ E6 U# @
if (document.all||document.layers){
' O4 E4 Z8 \. fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ e  i' [% k8 q' q( L- l
window.onload = initializeBall;
2 W" b: }$ W9 ~0 p; o$ |$ y9 qwindow.onresize = new Function("window.location.reload()");
& t/ k% I) O4 Y1 y1 n, Q+ |4 X3 Q& e}
, t4 F  [2 o: a$ I7 o* f8 U2 A4 {9 r/ h( ]6 U
</script>