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

zw2004

<style type="text/css">! x5 j. J% J! e+ K4 c6 x$ ^
#supertext {
  w# B1 v, t( X8 W. H; \; N1 Iposition:absolute;
$ y' e$ c  v( Q# T# Pleft:0;  a, I8 R; B* A- _
top:0;
0 \" w" r) Z# A" |5 K: Mvisibility:hide;
: g! s& B$ x- A5 wvisibility:hidden;
* u6 p! [% d1 i4 F1 F) }' j5 }) {% D}
5 h; ~: V6 S- c3 e. {1 @</style>
, g+ o) f. G: B, U* f0 O: T- j  K2 _<script language="JavaScript1.2">
3 Z" ]7 ~1 N+ {7 G<!-- 改变下的字体的大小。颜色-->
" S" T3 x9 X0 j' a" Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% p) H, e0 U- L0 v1 ]# o: w
var hidetimer='';. t, k: s% f/ R" S
<!-- 改变下的弹跳速度-->8 z$ ~4 h3 j5 j$ R6 X
var BallSpeed = 20;0 @2 |5 }+ W' P, |* Q' j
var contentWidth;
& d# g$ J- ^+ k8 Evar contentHeight;
" B. M4 t# D' T+ qvar maxBallSpeed = 50;
' B/ ^8 r, K- \; b! `
6 s' r0 d& f' Q. k' k$ M0 W8 N3 F. z: {5 O1 c9 U  y4 `
var xMax;' O2 S% o$ a. u" V, @3 S2 ]$ d
var yMax;1 w  @: N; d. ]" A* z2 q3 P3 c
var xPos = 0;' s! `2 x* b! _
var yPos = 0;! ^/ b* _* t& `- {- R: I& T- ]
var xDir = 'right';
6 k& K4 ~0 r2 Hvar yDir = 'down';5 Z- N! O5 I9 ~% q) I: E
var superballRunning = true;3 s* Z% T. |/ M' ?6 n- t& q
var tempBallSpeed;
- M1 {% O! Q* y+ Kvar currentBallSrc;
; b7 d0 Z9 [& g1 M- H: Svar newXDir;! E1 t9 O* V: y& w! [* n
var newYDir;
' P2 c+ L4 I' c: Y7 G2 n
) D0 `; G6 I. d: Mfunction initializeBall() {
5 l% q* Q# I$ q   if (document.all) {" j" W# f# I6 o; v$ R3 }6 k
      xMax = document.body.clientWidth4 x8 m' \& P2 I" B. W5 S
      yMax = document.body.clientHeight
4 F8 G# Q0 G8 O9 W4 p      document.all("supertext").style.visibility = "visible";* o* _0 r% E9 P9 r. u
      contentWidth=supertext.offsetWidth) M8 O, u7 ?0 G0 a& i' l9 u5 i& Q
      contentHeight=supertext.offsetHeight
! W4 t( ]: L' J      }
: ~# J' H1 Q4 T$ A& h# ]   else if (document.layers) {1 l3 Y1 K6 e# ]$ S# i8 X
      xMax = window.innerWidth;2 z/ J8 z0 q9 H( x' w
      yMax = window.innerHeight;/ c& B( k. d6 L) P& Z: U/ ^
      contentWidth=document.supertext.document.width7 j' S4 }) T3 c' H8 Z0 t. a5 Y, Z
      contentHeight=document.supertext.document.height
' J* ^/ A4 ]$ V: U      document.layers["supertext"].visibility = "show";( f& w% p/ B" z/ |" W1 ?: D7 i1 r
      }
4 T+ t9 b  n- _) e8 x- p3 y   setTimeout('moveBall()',400);( g* M6 M) R& |6 Y5 T
   if (hidetimer!='')3 E) y' h( p) l; o2 y" Q: E! L
   setTimeout("hidetext()",hidetimer). F' w- D3 K/ T- y" P
   }2 Q+ L! ^% P; Q! _6 r
  p1 E, A: @$ Q& M' {7 m/ r
function moveBall() {6 {! u, R) A; g7 ~  Y( L& \
   if (superballRunning == true) {7 J( j$ X  s$ b/ a# z$ Q
      calculatePosition();
( L. o! m  @& l5 ~      if (document.all) {
8 o- x3 J4 D6 u- c- |# e3 K         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% g) [& b+ b6 b3 E         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 F' J# s5 e# p/ ?2 f         }
- o' J: v  U$ W) B) S% D6 L      else if (document.layers) {
) [2 _5 `7 t; V* O7 {$ l% y         document.layers["supertext"].left = xPos + pageXOffset;$ r2 b: O( i: I! L$ q& R
         document.layers["supertext"].top = yPos + pageYOffset;
3 o6 @" W3 V6 ?         }: i8 V5 I1 c+ d2 J! P# E
      animatetext=setTimeout('moveBall()',20);
3 X: `  Z( z# U3 e& O4 v% E      }
% A+ F0 Q* S* [# ~; Q9 b8 `   }9 `( C2 g/ i7 B4 v& t! C1 U
; Y3 Q- p7 G3 x7 C( h
function calculatePosition() {" W: \' D! f, f- ~- \
   if (xDir == "right") {' B0 q% a4 k5 H5 G6 [% D
      if (xPos > (xMax - contentWidth - BallSpeed)) {, ?9 u5 I4 P5 l6 n' ^1 F6 y
         xDir = "left";  H* T* a- H4 a7 x& B. p: T" n
         }" _: K9 b3 H; F3 m4 j: Z  o
      }
! {3 d# c/ Y% I7 O/ n+ j" p   else if (xDir == "left") {8 k1 t& w7 I8 Z8 _% Z
      if (xPos < (0 + BallSpeed)) {
- [4 m8 D2 n! N2 k- w: |& L, ~+ B         xDir = "right";+ x) r) x7 W& [& p% G0 n5 k
         }
' M6 O5 k/ G  \) r$ D) x7 @0 ]      }
; e. U. U# \( R4 s: T' U" p   if (yDir == "down") {: v( j2 x* V3 N* f0 H6 [
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ \, s# p: W8 T/ A         yDir = "up";
% B6 N9 X$ Y8 G1 h% p         }/ _7 @' t' A4 _* V
      }
% k% `8 g: p& W5 z2 j  R. L& \  P   else if (yDir == "up") {
9 i; |  o" V; z& s  r      if (yPos < (0 + BallSpeed)) {
; \  F- o6 n/ Z0 u         yDir = "down";
7 H6 a3 N  C. K: c4 q! b! m         }
2 y5 m. [% b: }9 k5 X% B      }
) m9 R6 a' Y6 L, X; U) d   if (xDir == "right") {: z& k/ r$ T; n/ I1 V
      xPos = xPos + BallSpeed;2 I! E: ^4 d" W& E, W1 w- b
      }: p/ b2 ~* ]! B
   else if (xDir == "left") {& H( m" R2 a% n: [; E2 Q1 M
      xPos = xPos - BallSpeed;2 V) G; _2 |- a1 H; c) Q9 y- H
      }
8 ~/ w! |- `8 H   else {8 r# }9 @1 \; Z2 S+ J) }
      xPos = xPos;
0 i) b6 {2 L0 L' y% O      }8 {8 l" d7 X( n4 m. m
   if (yDir == "down") {/ p  w& t9 k' b& t& V
      yPos = yPos + BallSpeed;
9 c5 @( ]3 A0 `5 @0 b2 H6 z- H9 I, [      }$ K, x; f5 _; n/ H( y  t5 O
   else if (yDir == "up") {9 d8 J3 ]7 }/ n$ S1 F* F5 w/ h/ I
      yPos = yPos - BallSpeed;
" S  @, a1 w" ?7 {* N      }
* N* r4 M9 k' c/ j( g   else {* ]* n2 V2 [# h! B
      yPos = yPos;9 k; K1 G' W* m9 E6 k
      }" ]4 @# e) N! G  q4 V# a/ R* P) X
   }
  m# v" u3 Z/ U0 K2 Y6 A) t( B, ^! p. Y: ?
function hidetext(){9 b- Y1 [0 C, P) N9 g# Q
if (document.all)# P1 ^* t" i6 o& a% L9 I
supertext.style.visibility="hidden"
/ X: H: ?5 [. @+ ^$ c, m0 E5 felse if (document.layers)( {  p/ A, U# n. g  A1 B% M
document.supertext.visibility="hide"
5 Z. m- @( F* V: ~clearTimeout(animatetext)* l# b' O, R5 D/ D
}
; Q* Q2 k9 a, e/ s4 B, P8 E* M" ^( }6 W4 K* b
if (document.all||document.layers){
! l8 ?- B' |! c% m3 G# Q$ m/ jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 ^) }% M+ U, g) a4 J# q) {: g7 ywindow.onload = initializeBall;, j% T# H& y  g# ^
window.onresize = new Function("window.location.reload()");
" A7 ]% ]% E. ~) y7 L9 o1 ~}* d& ^* E# I- `2 R$ a9 E
8 n/ ?0 B* E. o5 K, a
</script>