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

zw2004

<style type="text/css">( U& i4 q" v2 Z( p+ I
#supertext {& R2 s7 o; b" z* w0 u1 z
position:absolute;
8 S6 ?9 Q/ M' O/ D4 tleft:0;& p2 t. e% W5 v" V' K7 R2 b% c
top:0;6 h) \/ H* E) A8 I# V, e
visibility:hide;7 J8 z5 B/ f$ y1 A' }2 s4 }) g
visibility:hidden;( }5 O* X  j: ], E9 A( S/ D: k
}
# j) M( z* O8 W8 E/ U</style>: j: u- u% K3 F  ]' X
<script language="JavaScript1.2">% M9 X/ ?  d( _" |
<!-- 改变下的字体的大小。颜色-->; Y2 Y( P+ F3 v2 z2 x! ^4 G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) q; v3 L. e8 {+ g+ ~var hidetimer='';  N0 n/ e) m  E3 k" J; W
<!-- 改变下的弹跳速度-->
4 V+ {. g* ]' j8 O: t- S! j' X6 @var BallSpeed = 20;
3 x5 k. G8 p3 W+ b4 cvar contentWidth;, l. T+ |* j, P' }- y' W. I
var contentHeight;/ i9 |' O  S  q- Z3 b
var maxBallSpeed = 50;- t' X$ P! j2 ]
9 g/ ?8 k$ {. ^( E

; Y) r& x/ G% ?% fvar xMax;
2 |* \4 T3 P: F5 ?! o1 o- Fvar yMax;4 t1 s9 Q0 @! B- G9 `
var xPos = 0;
+ [/ T/ W' I+ G6 _- Xvar yPos = 0;
) O: W4 a3 }4 \var xDir = 'right';* y2 |/ _/ X  X- J9 j# E% c  ?
var yDir = 'down';: y: c% j4 d; G6 E% R3 K! c
var superballRunning = true;' [' n; K% v9 H# p, |! _% {
var tempBallSpeed;- }& z- G% }+ ?8 j5 {
var currentBallSrc;, w) L+ N- u: ?
var newXDir;3 U* i- Z; n8 x: P
var newYDir;
/ T0 Z, R2 X5 e) @& [. b
$ D. @. Z- ^* Zfunction initializeBall() {1 l% Z: t0 r& B" M' _
   if (document.all) {1 D' h9 z2 E$ {& w  d7 G. m
      xMax = document.body.clientWidth
7 c# B1 s& h& I6 ?      yMax = document.body.clientHeight& P3 Z# c$ p8 [; I& c
      document.all("supertext").style.visibility = "visible";
! y6 j2 r$ @$ b: Z: n. d. {      contentWidth=supertext.offsetWidth
8 S: K$ m. I, x3 U      contentHeight=supertext.offsetHeight
2 l. ?( \: j; B( |+ m8 g* I* U% e2 ^      }
5 ]5 v9 K: E% Y! L- x' ?   else if (document.layers) {  V8 B) s, Y1 [. K2 n
      xMax = window.innerWidth;4 J+ P. x! ^1 J% G' a
      yMax = window.innerHeight;
* g4 G3 h3 D: N# o; W) o  z      contentWidth=document.supertext.document.width
4 `" u/ Q# A. w, N  ^# A      contentHeight=document.supertext.document.height  q0 ]4 f. R# M( x1 l8 \$ L% @
      document.layers["supertext"].visibility = "show";' b: b; u- `) D: ?
      }  u/ [, V9 g% O  e' B# e* v
   setTimeout('moveBall()',400);! K$ _- s* s. ?2 z  U7 p# v4 P
   if (hidetimer!='')) f  D" Z5 Q" p5 J# t) ], b5 X! [* k# v" K
   setTimeout("hidetext()",hidetimer)
+ P: u: B, T, ]! z   }
' k- {) }3 i% F( D5 `
0 J( V1 M# B! o7 h$ ~3 g" ffunction moveBall() {
, I4 z2 c7 `0 X; ], A   if (superballRunning == true) {+ W# Z2 r0 p& V! d
      calculatePosition();; j+ M3 s7 g4 G, C; X* B
      if (document.all) {, G2 {- @( g  L# @4 P! B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 z3 M. s8 v( {, J- F" t$ y  e
         document.all("supertext").style.top = yPos + document.body.scrollTop;
4 m  Q4 D0 e3 ?) C. ^0 u         }0 l2 J! l; s& K
      else if (document.layers) {
5 B3 j9 r# u: e# M% n+ t  {         document.layers["supertext"].left = xPos + pageXOffset;# k. u' a- j5 _- b
         document.layers["supertext"].top = yPos + pageYOffset;! z7 i" \/ C/ U+ @
         }
1 u1 D' E& p  T      animatetext=setTimeout('moveBall()',20);
8 y2 H8 s, d+ i2 F( \      }8 h9 s- u$ A8 `
   }  D) z7 d8 J& J4 E- t- G- d
( r) q& l4 A- s
function calculatePosition() {! t2 r8 ], K! d
   if (xDir == "right") {8 e2 N( b9 m! n
      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 N4 s' c# z' w6 @0 G: Y7 n         xDir = "left";1 n0 ^: W7 d4 f  d
         }+ S6 b0 `9 e5 J4 j; g8 ~4 d5 r; L5 U
      }9 N2 v: }. l. I6 a& A  i* R
   else if (xDir == "left") {+ D7 ?3 Q9 P' |# @+ P1 h
      if (xPos < (0 + BallSpeed)) {
6 B/ X$ u! m- E         xDir = "right";
: s/ y8 b. p, _' I: r         }
7 ^! v- @0 `" G      }6 e6 G# s* a" {
   if (yDir == "down") {
! g" `$ }5 v" r  r5 K- q6 B8 t      if (yPos > (yMax - contentHeight - BallSpeed)) {
. p. E4 Q2 X$ I9 x0 j, U% I         yDir = "up";7 D3 N* j9 @% F
         }2 j) r! C1 o+ H
      }
% t4 |, }# z( _- ?" b) T   else if (yDir == "up") {
* y, |* ~+ H" z- H      if (yPos < (0 + BallSpeed)) {
% `! r+ Y' z' L+ F! m         yDir = "down";. k- R2 q( x$ X4 j" w6 m
         }
  Q- h2 S3 h3 ]9 I6 J! A! m      }; W+ A' G0 j, j: _* d& b" T4 @
   if (xDir == "right") {
/ T7 E/ h$ @7 Q- `) Z$ t( k      xPos = xPos + BallSpeed;
! D) `7 V2 |' |: ]8 f! e" f1 _+ ?/ B      }
! U& {) Q! W8 h* }   else if (xDir == "left") {  _$ O. R) n9 F. @$ R8 L
      xPos = xPos - BallSpeed;/ w1 ]5 M9 u' C$ G3 r3 R
      }( q" A/ ]6 R& y2 H4 r
   else {
3 s2 l2 v& q) H1 ~  X) ~' b: F      xPos = xPos;
$ E$ p* [+ V+ L8 p% [      }4 m+ j; B% }+ R* n
   if (yDir == "down") {
8 s' L, k6 F' Q1 g: N      yPos = yPos + BallSpeed;
% w( O0 N0 v! O0 s( |" F      }
1 Y& M( ^) R7 n, p9 O+ u   else if (yDir == "up") {3 A& U5 I2 l# n2 W
      yPos = yPos - BallSpeed;8 ?1 _3 t2 T% X) {; W! k
      }3 G3 F$ U; q; T+ }3 p
   else {
9 F( l; F& [& o8 m      yPos = yPos;4 H: R+ f% M$ Q  v6 @- |* L
      }
3 {1 P$ ]' M9 c8 g0 @  \& A& i- p   }
: Y* w$ y, g5 D0 q! m/ \/ E% n( y; `  G9 W
function hidetext(){) u" T) P9 Z  d
if (document.all)
1 f! l  {5 @/ H( _supertext.style.visibility="hidden"
6 K2 s% ^+ i2 pelse if (document.layers)
- f+ K# \8 S9 b. D4 V' b3 Odocument.supertext.visibility="hide"$ p4 @- W* @% W
clearTimeout(animatetext), [& u9 d: s5 m, w8 m4 a
}
% M5 f2 j- A; y
  U' i; G7 s" i2 C* yif (document.all||document.layers){, i: ^8 U# x5 o! T- M) H! L$ K
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), [/ W  m' v0 M# A
window.onload = initializeBall;" r* _5 f/ Y  L: J- s# A7 n. K0 S+ Z
window.onresize = new Function("window.location.reload()");  q% }) J, [; Y& ]- H
}" u$ I, T" b9 S! k+ l

  {6 @4 }& X$ D& d</script>