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

zw2004

<style type="text/css">1 e* m1 C. ~5 v2 U7 ^
#supertext {* l* g# E: |( a1 K- S
position:absolute;
  q% q5 _, j7 R9 I! jleft:0;% `% d' b" G9 S0 h1 M" S( i' u
top:0;" c% H" q' u5 B5 ^8 {7 A9 E* }
visibility:hide;
4 W( a, \( H& n9 vvisibility:hidden;, M+ |4 y) }1 F9 ^% d; F
}
, T% b) B, J1 P</style>' I+ x7 g) y, `  H! ]4 M
<script language="JavaScript1.2">
/ Z6 I# \0 n( J<!-- 改变下的字体的大小。颜色-->
0 a7 I/ S; S4 o: q1 K0 s# Vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 Y( N1 P; g, ]8 F# d3 [( Rvar hidetimer='';
! R) b6 a5 N$ o1 L* D( L6 t/ l<!-- 改变下的弹跳速度-->. d3 B% U0 t, D% I- \
var BallSpeed = 20;$ y7 G+ W9 N* n" i/ C0 R
var contentWidth;0 [0 L3 Y1 B. m: X" A/ U
var contentHeight;$ H8 ]6 j$ V0 a9 @) u' y
var maxBallSpeed = 50;1 Y0 N2 i/ `7 M; e6 j

5 I% p# I6 X" T  V# S9 r3 L  i1 D8 J. f' m0 E; C
var xMax;6 Z; N9 ^3 S# \/ N& m
var yMax;6 U: C8 R8 ^- c( O0 t) m
var xPos = 0;  x- Z7 `+ u, |
var yPos = 0;8 m. K1 S  ~9 |. N7 w
var xDir = 'right';
% j" b) ~0 l& o- Fvar yDir = 'down';! k5 S4 _  [7 B0 W; F
var superballRunning = true;/ D5 ]5 M0 t# ^( ^5 \/ g
var tempBallSpeed;& j0 U+ s3 W% k4 w& r7 O1 A2 c
var currentBallSrc;& G6 H! X) G2 ^1 g
var newXDir;- p3 A0 \; `' w
var newYDir;) M0 s2 ?" H' {
; m+ l* c/ v/ G: J$ ^9 X
function initializeBall() {- d7 Y5 X% P; P% W5 Y) ]% o3 J
   if (document.all) {% j+ e  g9 F: v) w" p4 {
      xMax = document.body.clientWidth* p' g5 p6 e+ J) C' Q- _' _- h$ _5 {6 J: _
      yMax = document.body.clientHeight
, u  [) M" i; Z/ }( \      document.all("supertext").style.visibility = "visible";
4 q& D) c6 n/ C, M$ R5 _) [      contentWidth=supertext.offsetWidth
+ V4 e1 r  F" b0 q& q      contentHeight=supertext.offsetHeight
* }) s- s& E7 {! y' g      }3 u1 F; V0 w0 r: @6 n: \, p# z0 C5 c
   else if (document.layers) {6 q( c- d1 {6 m$ u- s- r
      xMax = window.innerWidth;
' [1 u+ M0 R- J- P      yMax = window.innerHeight;
; X9 [8 Y' ^: f. }; `      contentWidth=document.supertext.document.width
; X3 n% p2 D6 V      contentHeight=document.supertext.document.height
6 |* q& ~7 _: _. ]  c      document.layers["supertext"].visibility = "show";
9 i* w6 {) U2 Y9 v5 {# E" I      }
- w; g, H, ~5 I" O   setTimeout('moveBall()',400);" X  d, O$ B) h0 w2 E
   if (hidetimer!='')
6 s3 C( \7 }4 L- ?   setTimeout("hidetext()",hidetimer)
4 Z# \  w8 g& K& w9 ]   }
% N( y+ M/ k: B% }. F
, {$ O( l6 P* W. Lfunction moveBall() {( L. h- p: `. E( |4 M" r% Z
   if (superballRunning == true) {
$ Q) U* b+ V% i5 o      calculatePosition();8 e4 G. \, [/ F& }4 o
      if (document.all) {) Q2 F$ C+ e& X( ]2 v# e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 l1 D4 ?' v4 w         document.all("supertext").style.top = yPos + document.body.scrollTop;
% `- T. m0 E6 R+ C' n         }  q# T; I$ Z3 u, z( O1 s) S) k, U
      else if (document.layers) {( o9 L  o1 r* ]: ~' k. g* N
         document.layers["supertext"].left = xPos + pageXOffset;
+ p6 e: \8 `" M9 ^* }9 F         document.layers["supertext"].top = yPos + pageYOffset;1 R7 V  \( E3 e/ g( ]
         }0 K% W6 G3 W# ?$ ~
      animatetext=setTimeout('moveBall()',20);
$ C) d9 t. j" w3 Q5 h8 M. M, p3 v' l" x      }
) P  q( _- a; Z   }
8 _0 V5 q+ T+ o* Z9 c' ]) z
. R5 F# _! Z# V4 H9 X* `function calculatePosition() {; }! F: s1 c5 r# M& e3 z1 d! {* v
   if (xDir == "right") {
( t. }& ~" U3 h2 F8 |2 J$ Y/ R+ |      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ x  f& H! [0 D" C         xDir = "left";5 h' |& v7 k" A3 F
         }& c( O8 S9 U' k  v, d) U/ p
      }  ]7 `6 r/ t. b* H7 u$ v2 M" O& o! y
   else if (xDir == "left") {
3 X* g4 {# f! \2 f1 S7 V      if (xPos < (0 + BallSpeed)) {
# k2 }6 R7 J. W; T1 T- b. O         xDir = "right";
  A- l! ~6 U; ^0 g% N         }
( R, `& k/ L2 @      }
5 L7 K# J8 p/ ]+ T   if (yDir == "down") {
% i% ~% [6 H- y; c      if (yPos > (yMax - contentHeight - BallSpeed)) {/ p% |. S  @( Z/ t! G
         yDir = "up";& p2 K; H& K9 E0 k; E9 n
         }
4 X$ t4 O/ P" l+ ~) W$ O      }( X! _2 J$ _2 T/ o( ~
   else if (yDir == "up") {
) m7 H% C, w) }4 c1 ?! {. @/ O      if (yPos < (0 + BallSpeed)) {1 H' E. _) \' E2 y# q
         yDir = "down";
2 B' h# j6 F( ^6 ~* n5 c9 L& t8 }/ E         }
: d1 `, V  L8 ~# [      }
8 D2 ?9 i3 [, k1 K, z3 Z: O   if (xDir == "right") {
6 b5 A' o, p# {3 @% r" _      xPos = xPos + BallSpeed;5 M: W8 T# h' c8 C$ i3 ?2 z; b
      }3 M! M3 W( J& x% O8 N" M
   else if (xDir == "left") {! A, O& D/ y- O) o: A
      xPos = xPos - BallSpeed;, j0 w" ~$ I+ A8 Z: X4 m
      }
  c- n9 C5 R) `( h   else {
1 Q3 I  i7 S  s9 i$ m- }4 y& k      xPos = xPos;
) n+ B7 M" K/ D  {5 e; Z- q7 _      }
& c( {  n: P* k6 E5 W# R. t8 c   if (yDir == "down") {* I* n  o- y/ V3 f# X
      yPos = yPos + BallSpeed;. P) F, B( T$ z) k  x$ M4 \
      }! V  y: R* t# L; y: J2 ]
   else if (yDir == "up") {! M* Z  z. P& l% K" {: r  S4 D' L
      yPos = yPos - BallSpeed;
' t2 y( [9 H. c      }- O) ^% }# w: Q. v+ n+ f. j. P
   else {
- \6 r9 V6 l/ Y. c* Q1 }+ o) O      yPos = yPos;
3 J& I/ T, Y( S6 T3 E7 ]+ G      }2 f' f5 A# u2 n* g
   }
1 C& Y( b: G. s; Y, W  F( X& ^& _/ |* \' H* `& ?+ Q
function hidetext(){. e" ?( |6 p6 H
if (document.all)7 v  Q* a7 z9 B3 a6 F+ v& Y
supertext.style.visibility="hidden"
6 c: |' \5 A/ Y# q! G) i3 xelse if (document.layers)1 x; K, J; n5 h1 s  \* ~" n
document.supertext.visibility="hide". |, `% P  ^# z$ f, B( R
clearTimeout(animatetext)6 ]$ J7 K3 Q. k! X- E0 ~) T
}. E9 W9 a6 P0 a

" P  D5 n& h& Z* `2 x: C% `if (document.all||document.layers){
" a, h! g1 v" o3 k5 }& j! Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 Y/ S0 x; z) O
window.onload = initializeBall;* T3 X7 X7 S. Q& ?) P
window.onresize = new Function("window.location.reload()");7 J/ v3 |& }* i' k2 ]( ~
}" b8 ~! d" U+ g- w* S

' {, \0 H- W1 i5 ]+ P. m% ]</script>