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

zw2004

<style type="text/css">
' [8 G8 y- [# j8 j  q. A#supertext {
7 l6 |  c& h. {9 C3 ]: Rposition:absolute;
+ k( v! i5 o9 o6 wleft:0;
8 |  A( X& V: R+ j( ytop:0;' i( s4 f* d% n  ~) t- S& U. k
visibility:hide;
! {+ A9 b' U9 m/ M+ q8 G1 p2 ?; ^visibility:hidden;
2 p) a7 l0 `$ w( B$ S}5 D3 ]5 t2 i9 j% j4 o/ w
</style>4 I4 l: q' T3 g6 P) n# ]
<script language="JavaScript1.2">, M0 s7 E- P6 ]1 v7 _+ N
<!-- 改变下的字体的大小。颜色-->
8 _, B2 q0 {4 h% g) G* H, I9 fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 Q) ^3 e5 @5 ~
var hidetimer='';
, `4 w3 A5 x- {# j; [" O9 R<!-- 改变下的弹跳速度-->
8 P% l( x% N+ w+ Q' C1 d- |var BallSpeed = 20;* R9 Z* x# q0 X/ i2 X
var contentWidth;% Y/ y1 _* F9 G! A! [* \5 A2 c, N5 ^
var contentHeight;
0 |2 I: [& [3 e' S1 }" Yvar maxBallSpeed = 50;4 [, ?3 F/ o. S1 |! E

2 b, h# h/ w2 g+ Z5 W$ J0 D8 H) x1 N' q) |' s6 S7 h0 @; z- ^
var xMax;/ A* b- v- v+ z" B( m2 [! f. l
var yMax;3 \: o$ D9 v! m7 Q1 F% a
var xPos = 0;
  m6 Y% D  ?6 N) Y$ @; Vvar yPos = 0;4 a, a" M' ^! Z' }7 X) l  o7 x7 z
var xDir = 'right';* e! o6 Y9 B- q2 d6 x4 l7 G& x1 R
var yDir = 'down';& E! E% c& i( g6 u; ^6 r/ {: _
var superballRunning = true;+ M+ J$ {0 C! @6 }, X% M2 s
var tempBallSpeed;
% Y9 F. q5 q/ @' y% A7 kvar currentBallSrc;' S( s( u4 E/ H9 B7 D0 j5 T! T
var newXDir;
& T9 y( m3 b8 a$ w- A% O# }; Kvar newYDir;
! O( T0 D1 e! X4 B9 x4 ]* ^
; M& @# F  l- g! \( r3 f6 Ffunction initializeBall() {) N3 f- j0 k* U/ ~
   if (document.all) {' d& g$ i  H% Q5 w' }, a7 U! @
      xMax = document.body.clientWidth; u7 n2 `" b) |3 l- D
      yMax = document.body.clientHeight4 n( y$ U; \6 ]3 G8 P' W# S
      document.all("supertext").style.visibility = "visible";* n- U3 q! X; E5 U
      contentWidth=supertext.offsetWidth% i) _5 ^- _$ H& c
      contentHeight=supertext.offsetHeight
' t% c  n( e/ j- ~+ g5 w      }9 ]: g4 A4 b1 x9 L% @
   else if (document.layers) {+ Z" _2 I2 \( b4 _+ m6 M( N2 F
      xMax = window.innerWidth;' {. E1 z" }5 w, X/ ~+ I
      yMax = window.innerHeight;! j% d0 [/ H' ~4 T5 ^+ z7 l8 v
      contentWidth=document.supertext.document.width7 A# K# e" N7 ~2 s
      contentHeight=document.supertext.document.height' M" ~/ J( `6 A0 y! ^2 p
      document.layers["supertext"].visibility = "show";; Q  J( V* i9 J  I' z. V- ^
      }5 b" U+ T' e/ c- N- h
   setTimeout('moveBall()',400);
6 s: ?) [1 n6 ?. K3 M& K6 E. w* ]   if (hidetimer!='')2 S5 Y# O* W/ \9 u4 P; L
   setTimeout("hidetext()",hidetimer)
3 H- t; P4 g  [' z9 I   }, A7 I9 S4 j' q* L# R, c1 r
+ ?. Z4 L/ |1 c' v" A5 b
function moveBall() {1 ?" ]3 r/ M3 \6 Y
   if (superballRunning == true) {3 Z: X; o9 U+ H7 n
      calculatePosition();, M! R$ Z* g: w0 s1 o
      if (document.all) {
. ^  R0 r; n! S6 S# }& n0 l         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ d! O1 [) X$ e/ k' h/ g" K         document.all("supertext").style.top = yPos + document.body.scrollTop;7 S8 X3 v7 U# A2 h1 R3 e# v$ `
         }
1 Z6 Z1 W9 f% o! v  S$ |# n6 ^% V      else if (document.layers) {
& ^# S" n3 M7 U         document.layers["supertext"].left = xPos + pageXOffset;' J/ K" D7 J- H5 w$ J( W7 V
         document.layers["supertext"].top = yPos + pageYOffset;+ S& _8 i5 ~9 u) K$ L! E
         }
9 P+ k$ F. D% f; Q! C7 w6 m      animatetext=setTimeout('moveBall()',20);
8 ~! \6 N; n4 D  B/ u2 t. {  a, X4 y      }
. b, r0 |$ G) k4 h8 K   }
& f/ c* {( r1 R2 u6 a; _, `; U; w7 m  h1 C6 B" ^) m
function calculatePosition() {% c3 t" a3 Z! X- h$ s
   if (xDir == "right") {- U' K- f2 X; }  @- H
      if (xPos > (xMax - contentWidth - BallSpeed)) {. n8 g: z: v: x  D- t; C
         xDir = "left";3 V' q4 [( v" q! K( w
         }! B( c7 T0 S6 f" O  m3 l0 c
      }& l7 x/ G, W( p4 t; Z8 b
   else if (xDir == "left") {( E, g3 v: g0 N4 G; z$ ]
      if (xPos < (0 + BallSpeed)) {
2 C" T  }5 s+ j+ c         xDir = "right";
6 J* V! j! C; L) g5 K8 a6 Q         }$ C7 m0 x' X7 L; o% Q: S
      }9 _5 g4 e* f# H' L  Y. e1 M
   if (yDir == "down") {' s$ j# P  L& g. q: S1 K  ^  T) F0 N0 |
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ b0 ^* P) s2 C- K$ D8 J7 E) R         yDir = "up";6 J% U: E/ l9 {' @6 E7 F9 u
         }1 j/ i" j$ M9 a$ [4 x
      }- c- x8 o" m/ p4 o
   else if (yDir == "up") {
( h7 r' v' V3 `8 a" h      if (yPos < (0 + BallSpeed)) {
' q% z* ]: Z$ |  T. p" P5 j         yDir = "down";
( _8 R9 ^, ]$ G# P% T% Z' d         }. I6 X/ F7 ]( c
      }+ J: x+ ?1 R$ B+ ]# T
   if (xDir == "right") {
# n, W2 g4 k( c/ `3 n, J" v, e      xPos = xPos + BallSpeed;
9 Q$ o; n- E) f0 J      }4 f" M: d+ o; u8 X" ^4 O
   else if (xDir == "left") {/ M' a6 S: w/ b" `( v  ^
      xPos = xPos - BallSpeed;% Y# G! l& Y/ [/ b- X5 J
      }
/ H6 u# C+ u8 M! ]0 n% S* c& L   else {' Y: p2 o) `% g1 o0 ?
      xPos = xPos;# `+ b) [( A0 ^" l( |# p* E4 j/ c* Z
      }' e. q2 E# t) Y4 G7 }
   if (yDir == "down") {
5 `  I/ q* e8 e      yPos = yPos + BallSpeed;( A  j# X( t, q- d/ [$ L
      }! w& M: j) T& l+ _2 {7 f* q5 X1 z
   else if (yDir == "up") {! Q% F, u! o' }" s+ [4 i
      yPos = yPos - BallSpeed;  ]) P7 g, c2 A% M: X$ N  }) F$ Z6 D
      }5 P0 |" |, r% z' Q$ K
   else {
4 E4 s0 J' _, u9 m- Q: E. @      yPos = yPos;
  \% T/ e5 H+ e      }
1 N) C5 m+ y1 G  f4 i* Q) r   }
. U0 ^+ j7 h& k/ z" Q: k! ]8 f
" _- ^  |+ x5 J* Efunction hidetext(){* M* o7 V$ C, ~3 ?3 ]
if (document.all)
% Z" Y4 q! ?. B. R4 u& f0 ^1 G$ Wsupertext.style.visibility="hidden"
8 m7 P/ B+ g% Z/ x/ ^# N; |8 Qelse if (document.layers)
# D6 j/ K  H" D' W( Z) E' e' Wdocument.supertext.visibility="hide"- }3 ?2 @2 H6 C
clearTimeout(animatetext)
3 a; C& C* o- N- b  `3 b- _}
% H* M( J9 I) |* b2 t; h
$ q: U$ ~1 e1 v/ Y% k* E8 a: Y0 rif (document.all||document.layers){
& Z3 t3 H+ @8 \, w9 y) ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 ^6 E  W( x5 `5 p0 I3 ]window.onload = initializeBall;
  r4 S8 v  o! I' g9 K$ f5 zwindow.onresize = new Function("window.location.reload()");
4 W+ a& f2 j' L+ X% q- j, C}
$ {+ R* @! q. H+ d. q  v; {: }# S# @1 E) T
</script>