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

zw2004

<style type="text/css">1 E9 ]6 @5 k6 \% p
#supertext {( @6 f; a! K- p
position:absolute;
) ~1 o; c' Y! J, Sleft:0;
1 @" j) f  P& N* y: k* [; ~# ?top:0;
6 R5 m  t- M5 e- f& B9 b# Pvisibility:hide;
0 v, z5 D% L6 dvisibility:hidden;
7 _+ @2 ]. b' E0 K. u4 c9 J}( E, U3 r; O3 X  y" s/ K$ T% L
</style>
/ c, n, F  ]8 w3 U5 s<script language="JavaScript1.2">
, D9 k6 E* r  P2 d<!-- 改变下的字体的大小。颜色-->
2 d, m* P+ O+ z" H0 v- }" Z. \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 G! k  b4 f/ l1 Xvar hidetimer='';5 O, g; T0 i* _
<!-- 改变下的弹跳速度-->
/ J% e" b$ q' `var BallSpeed = 20;' Q% ~. f$ a8 P# L
var contentWidth;
# w+ P  e- i" vvar contentHeight;! a0 E& G, k" Z5 m5 A
var maxBallSpeed = 50;0 d6 J) j  P7 |: v7 {
8 U$ ^, l5 \6 V. p8 N( z

# V' i% I# r5 @: @0 M. {$ ^6 vvar xMax;% K0 |6 _. c, _3 k9 P; @/ r3 ~/ S7 [
var yMax;
+ r  N, I1 \# U/ l3 }7 g8 a$ Kvar xPos = 0;
& v9 }0 y) O8 R. ~  G# Dvar yPos = 0;
, V" Z% b/ [( K: H3 vvar xDir = 'right';
! x* I# e& H& l8 w& h% Svar yDir = 'down';
- k) ]. c) F0 u( y) i" Xvar superballRunning = true;
9 K- _* r2 s: c% g; d1 N4 @' svar tempBallSpeed;* S' I/ X/ a, i
var currentBallSrc;
: R5 F; ?% J* L4 K& evar newXDir;
- r5 n- ?: ?4 A' R' f0 Svar newYDir;
6 g4 E$ J  j5 g/ |6 m9 k8 f* R4 P* |" [( h
function initializeBall() {
& h7 I0 p. O" g$ {3 B5 Y   if (document.all) {
  k: o- z1 Y0 r      xMax = document.body.clientWidth
5 d* l' j. G/ G* h  U; V* t      yMax = document.body.clientHeight
' `3 U$ U! ]% ?! I6 k; u      document.all("supertext").style.visibility = "visible";$ A# J: Q; m; ^( }
      contentWidth=supertext.offsetWidth3 r+ q) a1 |" @8 V. Q
      contentHeight=supertext.offsetHeight
) \3 j; U8 R( O9 ?% E/ G      }" s& M% Y$ r4 I: l
   else if (document.layers) {4 i0 {. V! f/ d. K5 `
      xMax = window.innerWidth;0 H2 ^1 l. M% X8 J; L2 Y
      yMax = window.innerHeight;# Y) `) V. K: w5 |
      contentWidth=document.supertext.document.width
- t3 W$ O* O/ i; y% {( s& I( j      contentHeight=document.supertext.document.height6 _4 i6 s* I( t* _: Z& n7 B+ f
      document.layers["supertext"].visibility = "show";4 K: L$ s0 Z; h. X
      }
! l) {7 h- i) P: }' I6 z, S   setTimeout('moveBall()',400);
2 F# G( o' X; g0 {' w   if (hidetimer!='')3 \; K9 C; \) _; c, k- I
   setTimeout("hidetext()",hidetimer)" s% P& R5 i8 ]0 d
   }
. h5 J$ J% ~6 u7 L4 J# @' J& Q- Z( L6 w+ F3 u% `9 y9 W. a' H) E
function moveBall() {
3 b" g3 W+ |8 P+ L, h1 n% W   if (superballRunning == true) {4 N' r3 u9 v* ?/ E
      calculatePosition();
- R9 j! a5 |9 T" t9 v/ K3 W% K      if (document.all) {
) k5 u& h* j& x) X$ m" |3 c         document.all("supertext").style.left = xPos + document.body.scrollLeft;) e$ e) C/ @* x: X+ V  [, q
         document.all("supertext").style.top = yPos + document.body.scrollTop;" N/ y3 l1 N# Y  ?) `" J& Z
         }+ W$ S( g; P% C2 q5 N. ?& i
      else if (document.layers) {8 l  V4 ^# B) _! G! G. ]
         document.layers["supertext"].left = xPos + pageXOffset;
) ^( R8 Z% D! G3 O         document.layers["supertext"].top = yPos + pageYOffset;; {- W$ S' c* R8 N% b: D" u/ P
         }
5 h6 V9 S3 d4 c, t$ t* [      animatetext=setTimeout('moveBall()',20);* i+ j: f* ~9 Q' i% e
      }
' e: n! C0 Z" `/ l2 R2 [' P   }8 y* A5 Y$ U4 X$ c; P& r: E( |
/ J9 U0 X2 W6 |
function calculatePosition() {
2 V( v, H8 ~2 N8 W, _6 A   if (xDir == "right") {3 A" u# b' p7 m# P
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 O# G/ I, U; k
         xDir = "left";- ]" {6 L  r8 z/ }
         }+ q! f6 d% m8 ~, t
      }1 ~6 U* t8 }+ N
   else if (xDir == "left") {( \" h( Q( K  i' V) c/ ~
      if (xPos < (0 + BallSpeed)) {
4 L7 Y' y3 i: t" H/ T         xDir = "right";
  ?: b) R6 e8 f* \9 e9 ^3 M* j         }7 d2 o. [+ l: d7 ?4 u
      }
4 s- D7 q8 T6 r( m+ Z   if (yDir == "down") {0 u$ ^  q3 U1 X- L" q8 Z! B
      if (yPos > (yMax - contentHeight - BallSpeed)) {
) P$ J* [7 A! h' _0 o         yDir = "up";
; p7 A% N/ q! b         }. G4 x% r3 [9 R+ U
      }
; h; l- [# p2 @   else if (yDir == "up") {# [' S* k: d2 v7 @0 B  j! J. j
      if (yPos < (0 + BallSpeed)) {
7 u# A3 w  Q& P& m) H         yDir = "down";! R8 v. K" G# j- r8 U7 q
         }
4 L$ s" s& X- {- R, X/ z! _      }5 F+ y9 A% [! x, |
   if (xDir == "right") {
* m" g" t  V" ]0 K2 G! t      xPos = xPos + BallSpeed;
$ E* z  D; R" q% `* c+ u      }
. S5 B8 M+ w+ L4 [! A5 j1 r   else if (xDir == "left") {
9 c+ V7 ^4 J* N6 @* i      xPos = xPos - BallSpeed;
; ~$ B$ _$ u3 h# T7 q      }. [7 v, D' u; z; p7 J, X$ C" u
   else {6 G9 O* n! q" M0 L
      xPos = xPos;5 L, g, \7 _1 B, m  H7 G
      }
$ Y& v, R3 y8 ?1 I* x5 ~/ G   if (yDir == "down") {
: \! f$ I7 N1 c9 |3 q; j6 L      yPos = yPos + BallSpeed;
6 {: c: o2 z: t2 r  S) N      }8 W; F1 K/ i7 N4 H$ d
   else if (yDir == "up") {
8 d1 D: B3 T5 m1 W* g/ n      yPos = yPos - BallSpeed;
. A4 h! Q4 I6 a2 J      }$ ]' B8 e. y0 R$ f' h
   else {
- x6 B1 N! _  c3 o      yPos = yPos;+ ^! |. W9 d5 @9 Q+ g
      }
+ Y: n7 c! q* m/ w, ~   }
* R# B, w) e* h  P1 [! a2 @) E6 A- R9 L7 I7 P
function hidetext(){1 e& x# ?* S' |( Q* P
if (document.all)
! T2 q/ b/ Z5 N* J2 B. k- }supertext.style.visibility="hidden"+ s$ u" |1 t2 H$ ]' J
else if (document.layers)' I. @$ y0 a2 W
document.supertext.visibility="hide"
7 Q' n9 d. X7 T& KclearTimeout(animatetext)5 A% f: |, x4 E: p9 ]
}
7 I0 E/ l; a* c8 P8 W  }- f( D, [' o0 s
if (document.all||document.layers){
6 |( Y' V5 ?9 R" Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& V) k0 z, s: [$ U1 p! k
window.onload = initializeBall;
% U" `( x$ G# S+ O" n: Twindow.onresize = new Function("window.location.reload()");
" o. J2 _1 e5 T}
0 @6 n* v2 |) I4 x; Y% Y4 t
! n9 m# L& l, ?1 o  ]7 M</script>