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

zw2004

<style type="text/css">
3 e( x$ C/ V0 T#supertext {
3 U% a) U1 j8 L% s+ [position:absolute;
# Z. Q; _. t2 }left:0;# ?9 n. d1 G* q0 H5 h
top:0;( R3 U8 F% N0 m
visibility:hide;
- S' R& x7 s4 o% evisibility:hidden;3 @1 S- O7 V  U) g7 a
}
- j! l% t6 e. `1 n</style>( j! g& i' \% I2 k/ H: d
<script language="JavaScript1.2">
% m) v3 S% u0 i! T<!-- 改变下的字体的大小。颜色-->! Q% S; N- p: ^. _6 r
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 X) p1 `( v; ]2 P4 Q& r
var hidetimer='';: z: |. ]* u8 y9 m" M" l  m, R$ s
<!-- 改变下的弹跳速度-->
; c- R. Y7 T/ a6 O' R+ Vvar BallSpeed = 20;( ?/ i: U& o. P9 {' A9 t
var contentWidth;) [; A: ~6 x9 ^
var contentHeight;
/ K1 v3 B7 D9 V  s) W) y: avar maxBallSpeed = 50;& N! F* J2 Y4 D

( ?; u; M$ t8 o: U1 s" C. R2 P0 Z- T9 \* v2 d) b2 E  |
var xMax;0 x/ L! l" }* Q" @  }4 @$ \
var yMax;
1 i: a5 r* }' S7 x* Y0 {var xPos = 0;6 T0 ?; h& S. b6 w" z  [" K
var yPos = 0;! ]) s1 S1 ]! i7 N% C
var xDir = 'right';3 R! y; _' y( L4 k: L# Y$ w
var yDir = 'down';
5 Y8 p& q8 j: p# D8 Avar superballRunning = true;
# E4 k5 y& a0 N, L. d0 V; N0 }/ Hvar tempBallSpeed;) C* V. S  h& ^
var currentBallSrc;! u* q6 G" T% z, E$ |3 e" J9 q
var newXDir;& D$ u+ K" |; i8 t% h5 r
var newYDir;# o; K4 V' @& ~$ q0 L8 i; d
; g. l7 B4 I- E6 O
function initializeBall() {9 H+ W" z; X# n- W" {/ ?3 B0 ]2 l, M
   if (document.all) {4 s' x( y$ C" K( U2 R$ A. M
      xMax = document.body.clientWidth4 ^- D8 x/ _( S( t( A& Y
      yMax = document.body.clientHeight* a  _/ x8 x4 v" N) a6 N, s
      document.all("supertext").style.visibility = "visible";
0 f+ a( A' H: V* \$ J  n$ j- K( j& |      contentWidth=supertext.offsetWidth
# n9 V4 v" u7 G) b+ c7 `+ ]      contentHeight=supertext.offsetHeight
7 q7 o: V2 U  t: Q+ Z      }
$ l1 B  p8 ~5 u. s   else if (document.layers) {6 m4 U/ h4 j; F7 P
      xMax = window.innerWidth;
, c; E$ I. L2 r      yMax = window.innerHeight;; T  f' Y5 ]; f/ ]3 V2 i! I
      contentWidth=document.supertext.document.width7 r8 e- z9 F" M: h; ^+ ?# I8 u. {
      contentHeight=document.supertext.document.height& q$ I1 `5 ^  k/ h* t$ h
      document.layers["supertext"].visibility = "show";
+ f5 H3 C7 R9 s6 _( L      }
" F: E9 b5 c* ?6 r& V0 g   setTimeout('moveBall()',400);  b5 w, S2 t6 X" k5 }: e- c% Q8 D6 [
   if (hidetimer!='')" q" s2 {0 A& ^# @3 k' t; V6 C
   setTimeout("hidetext()",hidetimer)4 P, ?) P9 c+ V% B1 o
   }! @8 B% J6 j1 Z, ?8 `3 Y/ R* L

4 |: j% `; C1 f' d7 ^; kfunction moveBall() {
: V& \8 F* ~) v/ c- r   if (superballRunning == true) {! `( O+ [- k1 W7 k4 e/ E; X  N# _
      calculatePosition();. V# u9 O0 a7 _" }# L* k/ r2 e
      if (document.all) {
$ M; M/ t; r. K' s1 c         document.all("supertext").style.left = xPos + document.body.scrollLeft;/ m/ Z1 Z7 \9 ~% d# j
         document.all("supertext").style.top = yPos + document.body.scrollTop;" e5 B4 O8 }) T, p: ~& @6 {
         }3 w$ h2 R0 t2 v! q6 m0 D" T8 K
      else if (document.layers) {
% u! R5 ]$ h. Q$ }9 f' N         document.layers["supertext"].left = xPos + pageXOffset;2 k7 s( l, C0 `) \. F. k- g  @# z
         document.layers["supertext"].top = yPos + pageYOffset;
; X3 d+ t/ v8 Y: t; Y1 B         }; k! z2 S: n" A+ g9 @2 H  H
      animatetext=setTimeout('moveBall()',20);: g+ z8 }( q3 b+ H1 O' @7 d% f1 B
      }* r. }9 `; l7 B9 @
   }
  ?$ {5 z1 w# s7 `1 r
0 a, D' V  n; \function calculatePosition() {
. t% y& Y$ s4 f2 }   if (xDir == "right") {
0 Y- M3 k: K) i- I( y% h2 K      if (xPos > (xMax - contentWidth - BallSpeed)) {8 H, @. ?! z0 }& X) z' k/ R$ `
         xDir = "left";1 E" \" C0 F# S& d6 ]0 u2 ]
         }9 _2 A& }: Q5 K6 ~& M7 T  |8 G
      }
# T, D( O/ g- l  n1 `   else if (xDir == "left") {+ G7 e- Q+ B# k2 ?
      if (xPos < (0 + BallSpeed)) {1 a) ?* b$ k1 h/ q% j3 ^4 l8 {
         xDir = "right";
) a% l' a9 {. |9 p* g) o* U% p         }$ i4 {0 a" \5 L& Y0 @/ u
      }$ v7 b0 V5 l8 I: {3 a
   if (yDir == "down") {
1 ^$ q  s$ @4 R$ Y      if (yPos > (yMax - contentHeight - BallSpeed)) {
' Q3 }. q* E0 q+ {" s         yDir = "up";
8 s0 x( h0 v( \. P, A5 G         }6 V! a) A4 p& d2 a1 ]5 g* C
      }. t9 Z; \& R) _( k6 ?3 h4 S$ d
   else if (yDir == "up") {( ~, z  e8 I5 O+ D0 `3 W
      if (yPos < (0 + BallSpeed)) {
  d: j0 J- {8 S3 ^# V: b/ m: O         yDir = "down";' j( C6 E. @+ C' |# `; t
         }; F+ g& L: z. r! H! O. a. [
      }
. f+ |8 E& N8 f1 H% B% x& i   if (xDir == "right") {- t8 f+ y/ ^+ E2 C/ b
      xPos = xPos + BallSpeed;. W( L; {5 H* }9 C
      }- a% |2 ^* [  I% S
   else if (xDir == "left") {3 e6 m' r! E0 n0 n: e- M" k
      xPos = xPos - BallSpeed;
8 h3 ~2 d% C1 A/ J      }9 [7 y) c  d7 F+ p) r3 n# q
   else {
1 U- P1 u4 ]5 v5 l$ i# Q9 v      xPos = xPos;
# W7 b5 R1 f7 {% F      }
- e/ o. Q4 E* |2 |9 I3 s  p   if (yDir == "down") {
5 H& N3 v9 ?* Y0 d. c3 ~  c      yPos = yPos + BallSpeed;: ]6 s" d" ?# o% ?) x
      }) d* Q6 M9 T# a3 B5 P: q4 y9 O+ C$ p
   else if (yDir == "up") {
; j0 s0 v0 O$ C2 m/ P" }0 r      yPos = yPos - BallSpeed;9 r6 j$ ]5 n0 u6 \) w0 }* E5 b
      }+ A% [8 x  @: M! k8 R+ p
   else {0 V8 @% Y1 g: B$ `9 S
      yPos = yPos;: G4 K$ y3 J" g+ x6 j
      }% _$ C& `2 Y9 e3 t; G
   }
, R# ?4 X; z4 H. a4 x; q2 Z* n
% j* T. {( J# J+ D  y; i5 S6 Pfunction hidetext(){% o- X9 Z+ y) G' J6 B1 w) g# q
if (document.all)6 Y) J3 p1 P4 d1 B  G& f' u+ B1 x6 K
supertext.style.visibility="hidden"
9 W0 w) n0 Y, @else if (document.layers)
6 U. q# {4 w/ Q/ t8 [document.supertext.visibility="hide"
. g3 z2 ]: J# f3 M0 H1 z( C4 {clearTimeout(animatetext): ^) Z  S3 `  U$ V1 f
}) f# R- d. O( t5 W: F7 \

* X" a" ?  {% |( h& O8 i0 Q, }if (document.all||document.layers){
3 r* L) y2 V6 _- idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 v- ]8 R7 K9 r( ]$ X" Q
window.onload = initializeBall;& C" V- P) H; r) z
window.onresize = new Function("window.location.reload()");
9 A: [, m  N8 Q3 F! H9 u" s}: J' v! e/ J' ?: j" {" `5 @

4 m! P9 x4 J5 u3 L</script>