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

zw2004

<style type="text/css">
0 r, S; ]$ }! G#supertext {
3 H- e) A5 b' c/ S5 ^0 S/ {position:absolute;1 c0 j* j5 h) U5 s7 o
left:0;
: w6 @& u; d- M, Etop:0;2 _- Y0 r; \; F3 Y, w+ {
visibility:hide;& o5 _- Y# B7 V( ~7 B% ?5 ~! T
visibility:hidden;
- @8 Y6 f( Y+ A) P}; a1 `" x8 o8 @, p
</style>
, J% B( N1 l* v. A<script language="JavaScript1.2">
, Y; d9 p, Y; ~( `6 ?) K<!-- 改变下的字体的大小。颜色-->
% G$ q8 p4 B( }% v  `& Q  Z5 evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( Y$ ^! {3 w1 R, U5 f+ [
var hidetimer='';$ Y" x+ Z3 V3 ]; ^7 Z
<!-- 改变下的弹跳速度-->
: |$ P: d3 D% m+ f( ?5 wvar BallSpeed = 20;
) `+ }. h7 L+ b5 ~) @2 `8 Uvar contentWidth;- B5 D* u4 ]! Z; q0 W: |
var contentHeight;& t0 H3 N& n; x# f3 ~! |! o5 d
var maxBallSpeed = 50;$ [9 h/ P' `9 Y' j$ |4 T0 K
: m: h- f! v3 x9 E* y

8 u6 [; a; Q$ D9 @' l/ h  l, B7 W, `; Nvar xMax;8 ^: e  u/ N: j
var yMax;
8 V" w( Z3 f' S0 t7 n, h" r8 Vvar xPos = 0;
7 c* I6 p+ F) `* jvar yPos = 0;
1 T- J' Y% O' e0 `% Vvar xDir = 'right';
# i' s& u3 R3 ]! ovar yDir = 'down';4 L# d/ H5 u. _6 H; L( R7 @* {, G: r
var superballRunning = true;
- x% Z; V" b, @/ e# @var tempBallSpeed;
0 t+ q, F1 v( ]$ t7 ]" wvar currentBallSrc;. {! x9 R8 ]$ w& U9 K& `: \1 `
var newXDir;) p% J5 {6 X5 q* j
var newYDir;, `" [8 w3 u4 X

5 q6 x% k9 G  K/ U- V3 f' u5 yfunction initializeBall() {% o+ A5 @, X1 y7 s0 K
   if (document.all) {4 {+ m( C: T; P1 z4 y" _
      xMax = document.body.clientWidth
* w$ e2 T* ~9 X& d      yMax = document.body.clientHeight6 Z3 H+ O& D3 |9 f
      document.all("supertext").style.visibility = "visible";; |" i! N' F* J: F! N9 H8 ^
      contentWidth=supertext.offsetWidth6 `  O5 H# j: c% Q; l* z- z# U7 E
      contentHeight=supertext.offsetHeight
% h, U) L/ A/ r1 }      }1 A" E; V' X0 f
   else if (document.layers) {
1 m3 |* O$ p4 n; T2 X( L      xMax = window.innerWidth;& z! b9 a: M' f: P6 u7 k' Y5 c
      yMax = window.innerHeight;
  L+ i5 K. L* l+ N$ J      contentWidth=document.supertext.document.width
5 ~  ~' U- {/ n/ k      contentHeight=document.supertext.document.height' o5 X5 ~' X8 Z$ _7 P; H
      document.layers["supertext"].visibility = "show";
9 B5 B/ y" u( N' i' L' n/ c; z' n5 z      }
4 X. C, q+ O4 F8 E; w, Q% I5 m   setTimeout('moveBall()',400);# |9 T; i0 |6 ^6 f  ?- l
   if (hidetimer!='')
2 p2 v4 y1 k8 ^3 Q) u4 w" P  T4 V   setTimeout("hidetext()",hidetimer)$ r- [! `7 E& y
   }
& k; R3 w" l% [7 D" \9 Y/ p/ {4 H6 F: m8 z6 f! h" B& S
function moveBall() {
" L% C! ~) E( d" S6 m* j! i, O   if (superballRunning == true) {5 ]5 ]: Q/ L5 x7 O) e7 ]
      calculatePosition();
$ V* q" i4 d; ?4 r& Q* h      if (document.all) {
& x1 t# c/ n: c. M5 c$ w* |         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ J' D1 c* e$ l" A. Q
         document.all("supertext").style.top = yPos + document.body.scrollTop;7 ~2 q! a7 l$ {$ ~
         }
9 _& t3 j& z. K4 |& K      else if (document.layers) {) x: H. a/ d! D. q  N
         document.layers["supertext"].left = xPos + pageXOffset;
" L3 j) l9 R& E& o! p) l: @" L& v         document.layers["supertext"].top = yPos + pageYOffset;+ {; m% k! [& ~2 I: \
         }. H- ]8 I) k1 N: @" I; O
      animatetext=setTimeout('moveBall()',20);# G0 G3 `, j9 ]! C' u, ]* M
      }
3 m# f! E: a& [   }; Q2 c  e6 l3 a, e
! V6 `- B5 ]6 k& S
function calculatePosition() {
7 O2 [6 P$ I3 c; w3 M  E) T   if (xDir == "right") {  I" O" M1 T; e! w! N8 s6 J
      if (xPos > (xMax - contentWidth - BallSpeed)) {& i/ w; j, x* g3 a+ P9 W: ?+ r/ F
         xDir = "left";9 X: g" T8 q$ ~* @# Q- v
         }  ~4 y( i' i& ^/ X; \/ n
      }4 j: n2 p) H& }: R$ x4 m
   else if (xDir == "left") {
$ J& {  U' y# C$ n# P# E4 P- G      if (xPos < (0 + BallSpeed)) {4 X  o) A% s5 o( B
         xDir = "right";) ]2 n; h+ \1 r; D8 \: z& G" v/ w
         }- }& y: o( G! ~2 W1 s9 f6 H! x2 A
      }2 U4 {5 G, ]6 [- g% i
   if (yDir == "down") {
1 C& q  s2 ~& C8 A/ \% m      if (yPos > (yMax - contentHeight - BallSpeed)) {: J* {: S/ w/ o" g+ K
         yDir = "up";
9 n0 {2 B9 X0 X! p         }$ W3 @- J8 c' r9 |
      }3 b  @" c  }/ j* L7 \' o! M; b
   else if (yDir == "up") {) M* }. j4 Z. d  t+ _. u. i
      if (yPos < (0 + BallSpeed)) {
3 D3 W  q' ?, a$ I: k  d         yDir = "down";! T) F( J# _# W8 |
         }, {" C4 z3 @3 [* ?* b) b
      }5 ?) z1 k# E  |! g
   if (xDir == "right") {
7 O; v- g" b) Y+ m) {      xPos = xPos + BallSpeed;; S0 P8 c7 t/ K
      }
2 b) F+ T( s% B: s) m( E% i8 T   else if (xDir == "left") {9 `' I6 u6 b5 |- I/ O
      xPos = xPos - BallSpeed;
$ [' Y7 D) T( a' l. c      }
2 u$ K& u. b  z5 N$ p   else {
) i( t$ D, m, o" V! y6 B      xPos = xPos;
" d7 ]- U+ r9 y0 K" Y8 X7 c/ {      }- _) Q  l; X  f- D
   if (yDir == "down") {
& }6 e8 L, c( s2 ~- ]1 p$ M      yPos = yPos + BallSpeed;
- l6 ?  X% B! Y3 [7 T0 ]      }8 m( X6 f, J+ b6 p; F9 |' [/ Z
   else if (yDir == "up") {
9 f& ~, D4 W' w. _* l      yPos = yPos - BallSpeed;
* o  L& }! c$ }2 G, M% O  J      }$ u  K7 ]3 \0 o8 ?( r
   else {1 Z) j! T% Q8 X( Q0 ^1 H
      yPos = yPos;' k( y0 P# z% \( J; o9 O- u% ^3 c
      }
& l, w3 f; O  J( p8 r/ s3 ^" W1 i   }
3 A* P5 i% o1 l; @5 W) |/ q; j" Q
- F8 ]& g+ H  ~0 X% S3 _function hidetext(){" z) l& S5 \/ _) Q
if (document.all)7 H& [9 E2 ]4 ^/ m% m
supertext.style.visibility="hidden"8 _' U7 s. y! [3 ~$ t
else if (document.layers)2 Q: F& X, s( [" j3 g8 e
document.supertext.visibility="hide"" m) M' N5 [7 a
clearTimeout(animatetext)5 e/ [$ Y& Z' Z: ^3 X
}# B. Y$ \3 Z+ t& j8 G/ c

+ i! ~. l/ f0 Mif (document.all||document.layers){4 o* i! ?, a0 u- Y6 G$ n' W
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# L2 p' L0 M+ U9 w$ c/ Gwindow.onload = initializeBall;
* b+ y) ?- `& s! p% d7 P! lwindow.onresize = new Function("window.location.reload()");0 v) C* H, C- T" |( d5 ?
}# d' O% u( [3 P. N

* n' y$ n  T3 R* @+ t</script>