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

zw2004

<style type="text/css">
  b; v  W6 L. z( m#supertext {
. w( ?# s- W3 m4 e* cposition:absolute;' I" ~( g- F7 T0 U' ]3 W
left:0;
, j8 y$ x4 a, P8 G7 [+ P) D' Btop:0;  v: I- z. X+ I
visibility:hide;% a. z& V+ o  t: m
visibility:hidden;! A( @+ a! w& X, s
}0 o( U& q9 z3 ?( a0 Q6 A, E
</style>/ W+ Q/ G; s% E' g
<script language="JavaScript1.2">
( n" M% h3 s8 {: Q* Y8 S<!-- 改变下的字体的大小。颜色-->
8 r7 `; `# m, \# vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# L, c8 j0 |* }4 j2 dvar hidetimer='';
/ P1 i" }0 R. Q6 O. M; N5 [" |<!-- 改变下的弹跳速度-->8 p0 R1 ~) o: j9 e/ i
var BallSpeed = 20;8 i' ^9 ?  T: L  p+ a! S5 A
var contentWidth;- J7 _, Y4 B2 e1 {
var contentHeight;
$ l1 H! S  j' C& d" X2 ?1 yvar maxBallSpeed = 50;3 I. C: C2 @. l9 W2 H
- V- t( D2 `; U+ u$ X- N( \

  }/ T) l5 G. C1 O5 \7 Bvar xMax;
% I9 d- t% A$ c6 ?* @8 r( zvar yMax;; ?0 d4 K, U* X( j. b/ w- \
var xPos = 0;
1 ^# R0 r( B7 W' {: u1 e- Kvar yPos = 0;
4 Y1 T, ?9 l/ b# Vvar xDir = 'right';" ~  x4 X' @) V; x2 G2 j
var yDir = 'down';, K  `' R9 o( M3 ~1 g5 h1 R2 ]( a
var superballRunning = true;$ M( r- H! \/ m9 n
var tempBallSpeed;
/ r; A; F7 q& Nvar currentBallSrc;9 n0 G1 t% l" P$ O1 i
var newXDir;- E8 e* e3 d* j$ o2 c( `8 M* b
var newYDir;
- H5 C  O$ x; a' a" g
4 `0 g1 g, f8 v/ j" u. Pfunction initializeBall() {
. {! e9 r% V2 \, I' }1 {   if (document.all) {3 @0 i3 B$ v% w7 \! Z7 j
      xMax = document.body.clientWidth( [8 x$ c; T+ S& U; E
      yMax = document.body.clientHeight1 @& b( E8 n1 u: L6 q
      document.all("supertext").style.visibility = "visible";0 y; A0 G. q* w2 D4 U& X
      contentWidth=supertext.offsetWidth) _! ^$ n# O0 M! ~' j- |
      contentHeight=supertext.offsetHeight& P' I* y# V; W7 j$ y' n1 E7 m
      }
' t  K9 X5 u1 Q: h$ j   else if (document.layers) {
& U4 M* ~1 z2 M- ]* i      xMax = window.innerWidth;
- n8 P* n, d/ O7 N0 {& m' d      yMax = window.innerHeight;; h' B. D# ~5 Z# ?1 I
      contentWidth=document.supertext.document.width: f* c. g  J" _3 s! A
      contentHeight=document.supertext.document.height
' h: w8 L! X$ z+ K9 t4 H      document.layers["supertext"].visibility = "show";
. f+ e: B: u* m( N, B/ H! |      }) q+ e4 g) R) X
   setTimeout('moveBall()',400);' j2 `1 \! a# Z5 X1 Q5 R
   if (hidetimer!='')
+ U& v5 Q  O. z% [  {, n/ u   setTimeout("hidetext()",hidetimer)
+ W. D8 R4 g' r' S2 o# {7 Q" r' G   }
! O$ B9 ?+ q. l* P9 ?2 X0 h. R) n9 ]6 v. z9 j# [
function moveBall() {
' B0 _: y5 V) N% N9 i   if (superballRunning == true) {7 R; W5 B* f( j" ~2 A
      calculatePosition();
2 P( t& X) I# C8 A; R  P* q      if (document.all) {
1 t9 E8 n# K1 ]  u* S+ @: z* w         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, H; E! d2 G, z6 ~- O, v2 ?         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ Y" E, e: P3 W         }7 n  N& e' z$ S0 r" B; E) m
      else if (document.layers) {8 E3 r5 [$ ~8 A# o# f
         document.layers["supertext"].left = xPos + pageXOffset;- h' x# d  F  ^' H8 c; r; R
         document.layers["supertext"].top = yPos + pageYOffset;
9 C1 A4 [: ~2 o  J4 C% n         }
8 b. p& d- w% j: B! \: G      animatetext=setTimeout('moveBall()',20);6 W7 P7 g8 ]6 L; [/ |# B! w
      }" |$ |/ b2 A4 e# B
   }
/ W$ P5 ~5 p& x) [  S( c  g: a! z# V' T2 U6 B5 J0 f
function calculatePosition() {, D4 E) Z4 u, _4 ~; Y
   if (xDir == "right") {
( c. s! g0 t7 l      if (xPos > (xMax - contentWidth - BallSpeed)) {( k) r* d& B$ n- k
         xDir = "left";
9 E5 {$ G- G' q3 u' T  P  T  @         }
8 O9 o. n4 F# H: B/ X      }0 F+ _* Q2 B) [$ U: G$ o
   else if (xDir == "left") {! j8 e* B$ C1 ?' q6 C
      if (xPos < (0 + BallSpeed)) {8 K% |$ S- n9 d8 G7 u6 a
         xDir = "right";
+ W7 L+ ~9 V9 E         }
4 M% X, |5 E, P" W" v      }
$ {- h$ `" h) ~$ `1 @   if (yDir == "down") {+ C3 {. S, l4 A4 L/ w; s8 ^
      if (yPos > (yMax - contentHeight - BallSpeed)) {
# C0 I3 _2 c7 V! w         yDir = "up";3 ^# X# `" |/ h' u' {
         }( F  y/ r1 [; H% n+ ~
      }
& ]4 X4 ^1 \0 b* J8 f% u. @1 w% @   else if (yDir == "up") {8 q; d7 K  R6 _/ C- M
      if (yPos < (0 + BallSpeed)) {( ?$ U% y+ @/ U0 g# G: k
         yDir = "down";
" H( p. e8 n+ q; t         }
" f$ X. \& D$ T. n5 y1 A      }
" O5 R4 F# T9 ]$ N' h7 _   if (xDir == "right") {2 X! n/ _8 ?6 G5 c  L; D
      xPos = xPos + BallSpeed;  T1 d, Y5 G$ Z$ Q; |2 }
      }
  ?1 O$ J# N3 U  b5 x   else if (xDir == "left") {# v; p" G, G2 _, K7 V( ]" f
      xPos = xPos - BallSpeed;
2 g& J# T4 l; H      }
; F4 f5 I8 C( X/ j" I   else {) ]& i) f2 h: @
      xPos = xPos;
7 }2 O9 F7 R, d      }
, U0 b" p7 S% ^2 F/ o   if (yDir == "down") {
0 f' A5 f- s5 p1 l3 @      yPos = yPos + BallSpeed;; J) N6 a1 q" n3 q: e
      }8 j" c0 n! K6 \$ C% o4 ]
   else if (yDir == "up") {2 W+ `4 y" f% t" t! e3 ]
      yPos = yPos - BallSpeed;
! V( j+ P/ z' \' z      }" A4 L+ f- ?) V+ t* N8 U$ w* t: n
   else {
7 c) ^% u! c+ x) O, t      yPos = yPos;! q& r9 G# ^- {# c/ x
      }
4 `; J  b3 @' V% g. L% j   }8 \- Z6 h+ ?7 p  i  ]- H

) |; r: j) \  [" i8 p' X' Dfunction hidetext(){
! x# b$ o% d, e7 `if (document.all)
) _9 u5 C, `4 @+ W; z  M( h6 {0 _2 dsupertext.style.visibility="hidden") ~/ n6 g* ?( _3 M# D! L8 G7 F- g# M7 U
else if (document.layers), x% U/ {1 y; f5 h; I
document.supertext.visibility="hide"
* r5 c; A) _; p6 XclearTimeout(animatetext)- m! d4 Z1 Z7 d1 w5 {7 T
}% z# J$ m" ?7 d) \, U

* ~% j6 Y+ x  j: v6 bif (document.all||document.layers){" Q1 i, ?, \5 Z9 I: {) t
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* t" X5 |3 _2 z+ @% u5 H
window.onload = initializeBall;
' t5 _  O+ ]; `* r& s1 s- g# Iwindow.onresize = new Function("window.location.reload()");. Y- w- p' J8 ^( z
}3 r( r7 e8 r  t7 E; p3 \

/ j$ F" u+ l/ Y0 B1 U1 _</script>