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

zw2004

<style type="text/css">/ c2 f- Q- M8 Z. T; T- R2 m' Q
#supertext {6 n. }/ ]: B4 b. R8 [
position:absolute;
, D  }6 S5 F' {- m& Jleft:0;. z1 P9 g. q; x6 j4 u4 p
top:0;* ?( d6 A/ ^- {# y7 f
visibility:hide;
# F8 }# z# S# w1 ^; k3 ?1 Vvisibility:hidden;- {2 D' W& l& D
}/ {! M: n2 Z* r7 e6 e( o( C
</style>/ B/ u- m3 O4 D5 ~& p  ]5 p+ N
<script language="JavaScript1.2">) q7 i) \6 A% x% g
<!-- 改变下的字体的大小。颜色-->
4 I2 r* q4 P( e3 {8 ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: ]# p! M- `: gvar hidetimer='';* O, P- {, C# U! e8 _
<!-- 改变下的弹跳速度-->
4 i! ]# ^, _" c8 vvar BallSpeed = 20;% T/ E3 Q" L" O0 `5 u& \0 ~
var contentWidth;
6 S- z4 m  l' Q$ U2 kvar contentHeight;
0 r0 j! W, j# {0 B3 D- Jvar maxBallSpeed = 50;
' I7 _, U( @- R7 K( c7 V7 h
% v. P$ L& Q- }3 y! a2 v5 `3 ~# j; u8 d) m1 `1 a& ]% k: V3 Z3 h
var xMax;
3 i, f; E& `$ I) e8 n# q* Zvar yMax;2 c; Y7 J5 x! k) D4 D
var xPos = 0;& O4 f- N4 W+ i) V/ i& T; ]" S
var yPos = 0;0 w; [  M! F3 X  |
var xDir = 'right';
9 R5 A. M4 S: s4 T) g9 @! |var yDir = 'down';* C$ F% L! C9 U' S: A; N7 |
var superballRunning = true;* T6 ^3 s: k: N. x
var tempBallSpeed;7 r& p8 _! ~6 ?4 t8 n, _
var currentBallSrc;
( u- r! f1 j/ a( }8 Cvar newXDir;
. @% P% b% }3 s* Z3 Cvar newYDir;
" ?  A3 e$ Q" R6 i3 s1 C
% m, j4 Z% Y; u5 h  kfunction initializeBall() {/ j$ v) _7 L0 d2 s7 H/ M' y
   if (document.all) {
+ z7 _+ Z: `+ `" v/ F7 M" @      xMax = document.body.clientWidth; m6 U9 [  V+ e, c; D
      yMax = document.body.clientHeight
$ ~) ]" {% @9 V% }; Y0 j$ _- F      document.all("supertext").style.visibility = "visible";  e, p+ |* l6 s9 A; X+ U' {1 @$ W: P
      contentWidth=supertext.offsetWidth" x& J% n+ T7 w9 i6 i+ U
      contentHeight=supertext.offsetHeight
, E/ z, x7 d7 p1 q9 x( ]+ j% `      }
3 i% @/ a( e/ C% _9 M   else if (document.layers) {- `* j4 U1 m6 A
      xMax = window.innerWidth;/ Z8 P8 L- @+ X- y$ V  W4 ]: `8 N
      yMax = window.innerHeight;, l" h" n3 G1 r* ~) {
      contentWidth=document.supertext.document.width
. R, h' r; i# n7 P' M9 _6 e- ]0 ^% O& s      contentHeight=document.supertext.document.height
  G" a+ [% |3 S) @      document.layers["supertext"].visibility = "show";
( P% B: x$ S3 ?# p" R$ y      }
, S# R3 T# j; P# N0 N$ M' D1 y   setTimeout('moveBall()',400);
& Z1 j$ J' b+ E8 g' Z, N9 _   if (hidetimer!='')
! ~2 T, s6 }# c: ^) w   setTimeout("hidetext()",hidetimer)& E8 |2 u+ n/ }  I6 |" G
   }
- M3 u- `. p: g$ R3 k2 Z% T$ D4 o- W) r4 o
function moveBall() {
* |# }, c* k2 j( {   if (superballRunning == true) {
$ I* @( Q+ M2 z3 q; a      calculatePosition();
6 b& A9 c7 `' m; H  X, l  x& {      if (document.all) {
( L1 P, K0 F" E2 M, m/ v1 t8 U) R         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& e/ q; Y' h' C- J; k         document.all("supertext").style.top = yPos + document.body.scrollTop;5 A* z: }: g3 T8 p# o
         }& P6 |7 B' @$ p7 H8 s
      else if (document.layers) {4 ~# `/ p/ h1 g6 n4 \
         document.layers["supertext"].left = xPos + pageXOffset;
/ t1 Q" v, d: f' A  i3 Q0 `) m         document.layers["supertext"].top = yPos + pageYOffset;
0 L0 _2 \9 u( ]7 o8 j) U7 I9 E7 }         }* S& |1 S1 f( ]+ p
      animatetext=setTimeout('moveBall()',20);+ Q* b2 y+ Q6 Z7 t
      }
/ S9 J) c2 K) y8 }  F: G   }
  z3 ~& ?( b# V) b2 U& M
. j+ i# i5 d- b, m3 P% Qfunction calculatePosition() {- N( X+ U& _  k) O3 G) R* X/ b8 r0 b
   if (xDir == "right") {
  h9 `% P! {" M  R3 q" N      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 p, j) M0 S3 T* `         xDir = "left";
/ X4 t: O( I! }         }
" W2 a: o& I$ q; n6 [. a9 v      }0 O; X* K3 N0 S  g
   else if (xDir == "left") {
  L! f0 K: {9 g( \& w4 C      if (xPos < (0 + BallSpeed)) {
$ F, u3 j) C$ c0 q' i: s         xDir = "right";  S) F7 O* k8 u" m
         }
) W6 P$ j, X4 X/ O/ V2 f" N      }
5 ]% m. T% b+ W) [   if (yDir == "down") {. |# ?0 @0 c- z
      if (yPos > (yMax - contentHeight - BallSpeed)) {' B; L. r! U1 M4 c* N8 b% C1 i  Y
         yDir = "up";' ]2 [3 _3 A. U( q5 ?& V, V
         }
9 @( n7 a5 h# B  U' E) a/ i      }3 o6 b- Q( k$ L! P2 `
   else if (yDir == "up") {; D: [8 U2 A2 Q% D, k% ~! U& J9 W
      if (yPos < (0 + BallSpeed)) {
& N% M) l, |# p8 Z& b         yDir = "down";/ A7 N2 F$ O7 X( w! ?0 `
         }, B( f1 Q$ I, A2 K
      }' P5 ^& ^5 h5 g2 o% c' V
   if (xDir == "right") {/ v5 m0 h: j, m
      xPos = xPos + BallSpeed;
* a1 F- X8 j) y0 J& [, a. L: V% v      }. j7 a4 j9 y- Q: ~# h4 d/ Z/ ?& l
   else if (xDir == "left") {' h: _) `; k# P8 h% k
      xPos = xPos - BallSpeed;
* J) K) f  i6 L$ G. I      }8 e8 i0 V/ E' ], o0 j3 w1 W# p$ V
   else {/ T: P  \4 V1 |9 e1 Z! F0 ?2 z: a9 S
      xPos = xPos;- c5 _3 ^0 J# V% @2 W4 ^, v% n3 n
      }
! x0 W2 `: |  r& s) W" N+ b   if (yDir == "down") {
" ^+ [1 Z- L3 S: @. J: @* c4 ]      yPos = yPos + BallSpeed;5 X) I7 @- S# w3 q$ C5 j0 H
      }& d# e) d& d3 r; Q2 o& v5 t6 K9 }
   else if (yDir == "up") {
& k9 _2 o6 x( G- G$ R      yPos = yPos - BallSpeed;9 F+ E$ j6 E9 F" n, {! @  G' W
      }
! m2 g7 x! d& o/ x( O: u   else {6 o- ^# g# e# L$ {) Y, z% v) x3 F4 A
      yPos = yPos;
# n2 j! \# H; g8 S4 \3 ~4 b      }2 _8 @: U# y0 o# l
   }" i) E  e. X- a6 }; U! O
# L  ^9 _# |! B9 A0 G
function hidetext(){5 u# m2 r( K. M/ }& k' Y9 `1 J
if (document.all)
1 t4 L. o7 D) h: {9 hsupertext.style.visibility="hidden". Q+ D6 w! Q/ V6 n, }
else if (document.layers); b; c( {7 T7 @9 q8 o
document.supertext.visibility="hide"7 [4 F9 J6 k& c
clearTimeout(animatetext)) v- P2 {3 T1 ~4 B$ B0 D+ o8 Z
}0 ~. J! I( u3 g" T2 U
7 z- j  ]% K6 w3 `+ D) s! A
if (document.all||document.layers){& ]% v3 H5 j3 y( G% m: M
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! U# {! D% S5 J% V6 R" ?window.onload = initializeBall;
$ t; d/ K, q3 [2 T; jwindow.onresize = new Function("window.location.reload()");9 d+ L* W& n" a2 r0 Z% l2 J
}$ G' J# M- R& ?8 |) ~% l
/ {1 L5 J. @! c. ^. f) l5 ~/ W" K
</script>