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

zw2004

<style type="text/css">
  r- E3 Z$ [! K0 u#supertext {
# a8 _+ ^8 Z, L3 c4 I8 D& J) z/ v1 Fposition:absolute;- D: ^2 s. f- c# t
left:0;
0 L- Y; [) o) {$ a: C! r8 etop:0;/ V! H3 l0 v) D; j* Q! m8 M& o
visibility:hide;
* u8 L3 D- R: I( S& ?6 zvisibility:hidden;8 v* R! i$ a8 q: n
}
; s& s1 g+ U& y1 M</style>6 o& C( N7 U7 p4 J
<script language="JavaScript1.2">2 n* W- U1 M! H
<!-- 改变下的字体的大小。颜色-->
4 Y* r, I4 E: G; V' j2 W1 Y8 l2 bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 c7 Y, U8 @( _! f% a) y" J
var hidetimer='';2 H) K  N$ h# O# B5 q" Y9 H
<!-- 改变下的弹跳速度-->
; [+ N5 \3 y# T  U  u7 Mvar BallSpeed = 20;; N+ b/ D+ U! @' L  ~
var contentWidth;4 G$ s% t& N( x. L# A6 E! B1 @
var contentHeight;! t. f! G0 Q' X
var maxBallSpeed = 50;) ?/ F9 ?- a# u& Z% o
  G% u% c2 z: k* `0 ^! b

# Z$ ?- ]5 N$ ?  \6 j; A- s3 d+ ]var xMax;
  {0 P% X( K: C# A" Gvar yMax;1 W5 K8 I# v$ Q) `
var xPos = 0;
, h4 i/ q: n( t# M8 ?! Svar yPos = 0;3 B5 h0 U" y' U. c2 G9 @
var xDir = 'right';, y+ W9 ~: e* y' Y
var yDir = 'down';
! S8 @! a+ n! y' \' {var superballRunning = true;: S( W3 \' N) }# ~* d
var tempBallSpeed;5 K+ q/ y% e0 Q" o# J6 ?
var currentBallSrc;# E/ `$ J  r- l4 `6 B5 e
var newXDir;
; C' Z/ p3 D! k8 R+ Uvar newYDir;8 ^0 D: E! d- X# a
, @( k  e7 h! d$ ^$ G5 b* b% V
function initializeBall() {2 u/ V6 j3 Q$ R* V( J
   if (document.all) {3 `' O" U: f; X4 e
      xMax = document.body.clientWidth
# f; l8 W/ o+ ]$ q8 s/ t      yMax = document.body.clientHeight
$ a8 P$ N# t; V& Y      document.all("supertext").style.visibility = "visible";
# s  v* ?0 d) @. P4 E      contentWidth=supertext.offsetWidth/ i  ^2 Z1 C6 G) q. \
      contentHeight=supertext.offsetHeight
6 |8 j: c) f. `& c$ [      }# J% {  `# V* Q; J
   else if (document.layers) {
0 N4 [, }* A1 V# D4 b      xMax = window.innerWidth;
1 d* I* X' Q) [2 T+ Y- F! Q  v' p* d      yMax = window.innerHeight;" K7 L$ u; s: f: P) B" _
      contentWidth=document.supertext.document.width7 R. E3 M! X: B- n
      contentHeight=document.supertext.document.height
, N7 ?# e5 u9 s6 |6 W) l      document.layers["supertext"].visibility = "show";+ G/ Z/ t. J  a. G
      }: O4 A8 \# F; J
   setTimeout('moveBall()',400);9 z1 l* q: s/ ~
   if (hidetimer!='')
+ ?3 y7 d! c8 B% \+ N7 E3 i4 o: A   setTimeout("hidetext()",hidetimer)# m+ w; D6 Q/ B7 c# j
   }
2 S* @$ b3 ?& |& o: I7 D! n3 V+ x1 S' N: L; m7 m5 P+ P8 d
function moveBall() {2 r8 C( L+ e; q( u% T  T
   if (superballRunning == true) {
' O! @7 d& X$ m2 P% H      calculatePosition();. |6 `7 L5 r" T% h# Z/ N
      if (document.all) {
, I, b) B; V$ m* R" S) d. O         document.all("supertext").style.left = xPos + document.body.scrollLeft;; N) s4 [# w) A- S$ r: a
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: W5 b) U- U# T/ a+ v$ R  A         }
3 H( L" c9 G0 {3 `6 R/ V. i. q5 l      else if (document.layers) {1 Q& ^$ k- u* d
         document.layers["supertext"].left = xPos + pageXOffset;  }1 G  o7 i1 D+ e( Q% S
         document.layers["supertext"].top = yPos + pageYOffset;
' R- M3 }- A, ~, r/ S3 s' L+ v         }1 V6 {+ n' f6 J
      animatetext=setTimeout('moveBall()',20);
0 z" p% n% n0 x2 r  v      }# `. M2 |8 B4 c1 O
   }# k$ {* d- |+ k; N7 ?
1 j9 m0 O2 V* v
function calculatePosition() {6 s9 G* b- Z( D' Z, ^: M, P
   if (xDir == "right") {
( t5 n5 ^6 D: v      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 k* C* M; c0 |% ~" }1 A5 f( I6 b+ v         xDir = "left";" P3 \3 R5 q0 I0 [1 v; Z
         }
  c/ a& K; T% {1 o9 j      }
* z# o: Z. q& e7 k9 y   else if (xDir == "left") {
* @% K, z7 y4 p2 @% T# D      if (xPos < (0 + BallSpeed)) {. }% d" K. r. H& v6 g
         xDir = "right";
( [4 v# x0 Y( o. G4 U2 ~/ R; E& P         }
$ ]' ^) D9 Q5 n      }
# l! I$ e5 ?/ l   if (yDir == "down") {# w0 ~3 C8 B1 t: I
      if (yPos > (yMax - contentHeight - BallSpeed)) {5 s, Q$ o( `" b' ^5 J
         yDir = "up";$ b9 w. D, X$ i  Z9 g# R- J. a* w; i
         }, J1 T4 Z" ^( `9 ^0 Z
      }
1 o& p1 X, O) J   else if (yDir == "up") {1 ^" _! C& r5 p8 n/ [& j* C
      if (yPos < (0 + BallSpeed)) {2 C1 ^) s$ F: b5 P
         yDir = "down";5 C: _% a5 [: Z* n$ G5 l1 `
         }4 o+ [) T; |& A$ T+ ^
      }
- D$ W/ \- e) {9 z- |" n3 C   if (xDir == "right") {
) u! b, t; o5 j! b      xPos = xPos + BallSpeed;  D& L7 D$ X" T' k
      }
5 d' o4 s4 Y, Y. O& {$ Y  \   else if (xDir == "left") {7 f- ~: }+ H9 q5 E
      xPos = xPos - BallSpeed;' M: w4 F( [1 c1 e& I% f$ m
      }
, z/ P; Z1 ?7 `' x7 g% g7 Z   else {  |6 F$ S* E8 {: m: {, i5 H
      xPos = xPos;
+ u2 i) v! `& j; O& W      }
% M/ S3 e3 A1 b( j   if (yDir == "down") {
" Z. ]$ {) f/ T) e% r" [2 \      yPos = yPos + BallSpeed;
( p5 A/ Q; {$ {$ K      }6 t9 a: t( a, ?% |; J" ^. s! S
   else if (yDir == "up") {
$ q! d* u3 g/ w- T6 {4 N2 Y      yPos = yPos - BallSpeed;
  w. M1 G- b  d, h" O8 _5 @  F      }! d5 A% ^, S+ P  g7 z$ p5 B4 b
   else {
1 R2 q0 F5 O1 ]2 q9 P' s9 n$ M4 I      yPos = yPos;
$ K0 q/ K  i+ A# @6 f      }
& Q: W  E2 T7 X* i   }/ D, E; |3 r& \
* N4 F  \3 M+ J9 q5 w! b% e; x. T
function hidetext(){. `4 c5 h! J- _( y8 q  W1 y* P9 i
if (document.all)7 n2 h+ n( Y2 P
supertext.style.visibility="hidden"
/ y; g8 H( E8 c: ~/ Nelse if (document.layers)
6 d, a/ B( b% |7 @document.supertext.visibility="hide"
* }( K. X; V7 sclearTimeout(animatetext)
, A3 y: t1 _% Z; H$ ^% ^}; d8 O7 l; n2 l* \: G

! T( {$ R. i* N. v: r- bif (document.all||document.layers){8 j- C3 J. B: |/ P' t9 _. p  X0 e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& L$ J1 m% E. F; Y- l0 I  z
window.onload = initializeBall;
! ]. K, n+ l- C+ \+ C# Bwindow.onresize = new Function("window.location.reload()");
* N+ c9 i+ }1 G! J}
5 f/ s4 n* q& Y
" o  J* p" ]- c! p' A</script>