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

zw2004

<style type="text/css">
( @  G6 b2 S8 l#supertext {
9 L7 O2 M- D( M; Fposition:absolute;
7 Z' `4 {4 }2 @, |, Z) tleft:0;
' @9 [6 W( s+ X2 k& W* ?/ b9 {" Z/ _top:0;7 U5 p+ ]" Y) h. c5 l' G% R
visibility:hide;
( K$ k+ d; Y# [) E  S7 N' S5 `visibility:hidden;2 F) i* U. @1 ?4 t& G) t+ t
}
0 U) ~' I7 B9 P1 v/ N4 t</style>
+ R, o0 Y+ s0 _3 U9 L<script language="JavaScript1.2">; S6 I) ~7 ~( ]1 z5 F+ w
<!-- 改变下的字体的大小。颜色-->
: l; \( ~1 i" Rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* Q" r% a! O* c# F4 r6 F7 c' _. S! `var hidetimer='';
7 x, v8 f. ]- @( y- ~9 a<!-- 改变下的弹跳速度-->/ ^4 b1 V  V8 W/ q  A- r4 t
var BallSpeed = 20;
. l! q/ D9 |; Pvar contentWidth;
7 @" D. E+ Q* D  F% q7 O9 O# B' ovar contentHeight;
' @) q, z, ~9 S3 R0 Avar maxBallSpeed = 50;2 O/ }$ B: u3 z1 u/ q
- y7 B/ \- _2 c/ f& d! A( M
$ V) M* m( ?3 B6 ?/ S1 a
var xMax;" u5 _- A$ r& ~) C
var yMax;" [6 x7 N4 ], K$ `
var xPos = 0;: P$ i" [7 u; y8 b  D% M% R/ B
var yPos = 0;# `) l% f2 E1 a# y
var xDir = 'right';
' ?  \6 k7 I& q1 mvar yDir = 'down';9 k% a3 m' n( C: s) v+ z' G
var superballRunning = true;& r" r' ?% P; v) B$ {
var tempBallSpeed;. [  A* W' r, @( j3 y5 n
var currentBallSrc;
$ h3 e, |, a  G2 ^) a9 Uvar newXDir;
/ Q" g7 T7 c* V6 _  lvar newYDir;9 }$ X3 a- D! i& a$ O

6 L5 P' g( X; j- Ifunction initializeBall() {* \, f. H0 ?$ M4 \4 M0 x
   if (document.all) {
6 t( P8 v7 t$ f) S5 ^6 M      xMax = document.body.clientWidth
9 ^+ k, I$ f" `. ~: a. G      yMax = document.body.clientHeight
( n+ \  g& T2 X4 `- ]. q      document.all("supertext").style.visibility = "visible";( u1 {& L: y( h: h2 ~7 F" s# R) t
      contentWidth=supertext.offsetWidth+ j& \, p6 {9 P3 `/ E' _' N5 W3 C' E
      contentHeight=supertext.offsetHeight. V8 [9 n% I; }7 K# t5 ]. X
      }
. y; Z+ H4 ^- _% g* X% b: p   else if (document.layers) {* q' T# W1 z4 L( S; m8 X. o* W
      xMax = window.innerWidth;! w1 W# G- m) E  @1 k; ?
      yMax = window.innerHeight;
$ C# g& r6 {, H0 z' g5 P  I3 [$ S      contentWidth=document.supertext.document.width, `1 j* d! S# h) O. ~8 P" E( C2 \( ]  \8 H
      contentHeight=document.supertext.document.height
) Z6 ]# X. I8 |0 T4 o6 A0 Z      document.layers["supertext"].visibility = "show";
6 n1 _: P  ?% y$ }" j& D      }4 s8 a) ~: w2 G4 G
   setTimeout('moveBall()',400);+ A: M5 t+ H; P' s. X
   if (hidetimer!='')& S1 v4 n% W2 {) h' e! k. Z
   setTimeout("hidetext()",hidetimer)
/ }; c6 z9 I* S, U: g9 P2 a   }
0 `6 p# u( @7 Z: c- }8 _( g
: s# e4 g6 M3 i2 s/ f  Z- P% J8 Mfunction moveBall() {
$ n1 P7 J( r/ `: W# s0 S: F   if (superballRunning == true) {
) D. m( r6 x* T6 C      calculatePosition();
& b3 Q, m9 A* X6 ]# B      if (document.all) {
1 v8 f' I9 a7 X' T1 |: g         document.all("supertext").style.left = xPos + document.body.scrollLeft;! c4 e' Y; O$ B: s8 z3 A- A0 W) g
         document.all("supertext").style.top = yPos + document.body.scrollTop;) z2 R1 S3 E9 p3 k$ P$ W
         }2 k( x8 W' e+ D  Q" u- o5 x" |
      else if (document.layers) {
, B! w$ x% P1 c1 `8 V9 X2 u5 o6 _         document.layers["supertext"].left = xPos + pageXOffset;, e8 l' u7 X& Y' C( W
         document.layers["supertext"].top = yPos + pageYOffset;, h1 c% f$ c( R, B) I" d. V. M
         }5 i1 C$ m2 H& e4 J
      animatetext=setTimeout('moveBall()',20);" l& C: t' ~$ b! ~
      }
, i* @! U. b- g/ h, E2 J   }. n1 g! n: v# o0 V9 t

4 O" M+ `: E) }4 h6 {# gfunction calculatePosition() {
& R2 L5 j+ E& e1 N: T/ O   if (xDir == "right") {3 ]* Q; S' j( x( L9 d7 `
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 a' z. Z  h1 ^, ^3 m' ?) }8 A) {         xDir = "left";
! ~# H, c/ P* b  ~9 ]: H         }! I# ?- x0 i- M! ~
      }, a1 v1 _3 W3 \2 a; z7 ?+ _' c+ l
   else if (xDir == "left") {
/ H( |+ D7 Q# ~0 V& C, O      if (xPos < (0 + BallSpeed)) {
3 t( R* a1 P1 P0 l( \3 X% R4 Y- X         xDir = "right";
3 W  X8 Z6 A9 {% W9 n' Q         }% K$ j) D+ ?$ W, j  K# w8 y
      }
; g+ s  n) z  Y' x+ A5 [9 P   if (yDir == "down") {
, f9 g5 a" ^  M      if (yPos > (yMax - contentHeight - BallSpeed)) {' y, P. |7 S- i5 S' ~9 S: i  G
         yDir = "up";
5 U) U; S& N  z         }$ [6 U9 ?( l* B, @$ j% ^, n2 r  N9 T& }7 j
      }
0 S$ b* a5 C2 A2 i5 _   else if (yDir == "up") {2 M5 `* w1 N& m; L6 v, C2 d
      if (yPos < (0 + BallSpeed)) {- m2 z- b6 ^' \3 r
         yDir = "down";
7 W) i$ R5 Y0 `" l" C7 b0 ^         }( X( N+ B8 H+ k1 g
      }
9 ~' h  @. t3 e8 E4 g   if (xDir == "right") {* U* ^8 ?: O" Z2 W8 \
      xPos = xPos + BallSpeed;' d; k( q: s8 n- q
      }
  K) D/ \$ ?0 X( s3 T, {3 Y   else if (xDir == "left") {
1 D+ L! N, ?! k4 A& m5 J2 j      xPos = xPos - BallSpeed;' P& y  z; ~  k( m
      }5 G% [2 i9 Y+ o- |! M% z+ F5 \
   else {
) T, o( r. V; U" b      xPos = xPos;
) ]# i( o$ h! ^$ w- X( u6 r7 {% G      }
6 V2 U- O" g; L  }   if (yDir == "down") {
1 O" E- L2 m5 @! R9 D% C      yPos = yPos + BallSpeed;
0 x$ I8 U- p+ T! g8 q      }: ~' b0 [- V0 H5 ~7 K
   else if (yDir == "up") {
6 v* g$ g) G; @$ Y# b0 `8 C      yPos = yPos - BallSpeed;! h7 U" X5 j; H8 T4 ~: y
      }
2 J( x( z- O# _2 r8 E  L! D   else {' N9 j, Y3 U9 p% A/ j7 w
      yPos = yPos;8 `7 ^4 p: W: Z1 E
      }4 L$ W+ i6 l* g/ g8 e( o9 ~% `
   }
( X3 W$ T, f- O" ~% Z# J
9 K5 `" V: N- T$ ufunction hidetext(){
+ m$ d8 n6 X; m3 o& U% rif (document.all)
9 C6 J* i$ k  Psupertext.style.visibility="hidden"% L- N7 T7 p" F9 Y: V. L$ b
else if (document.layers)
5 s6 B4 d: v  X! L) C$ W) B) [+ rdocument.supertext.visibility="hide"6 j( G4 Y) x+ Y+ Q" [; }& r5 I6 t
clearTimeout(animatetext)+ J# z( @# A& J; W
}* J& X+ k2 ?! d( U, g6 h5 W' l+ v
6 X3 ^+ \% F) O' P) U' C3 p
if (document.all||document.layers){
2 k" p% v6 a+ C  o4 j/ ~6 `& x" h' Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( ]% i+ H* M* z6 E* B
window.onload = initializeBall;
5 Q( x' T5 I% T3 ?& r" D5 ]$ e- Mwindow.onresize = new Function("window.location.reload()");
$ j5 A7 F( q: F; k7 }}* E- d, n2 q# ~+ B3 V0 n% Y& f- \

* B! a9 ~. L/ G1 L* n$ _</script>