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

zw2004

<style type="text/css">4 V" p' ~# f7 S! ~/ D& h% S
#supertext {
+ z) O: P# w9 L0 e" aposition:absolute;& k  X" F7 d0 e, `
left:0;
, }% g5 b: d. y' T% }top:0;
/ u- A7 N' U# z3 W' R8 L  ]. J% Gvisibility:hide;. a7 |+ c- c+ a# J' @
visibility:hidden;
" M& V* ~: i) ?2 D$ o0 d: m, u}
) _$ D* t4 ]# A+ X' x8 ?, s  h</style>
* y* z5 ~3 \) ?3 {<script language="JavaScript1.2">
2 D& S6 |4 F, B/ d$ Y! U0 c<!-- 改变下的字体的大小。颜色-->9 h0 F0 j) M" r+ ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ [) e, B% i. H& E/ dvar hidetimer='';
" w+ F1 F2 D' i' m5 ?7 Y# y9 o<!-- 改变下的弹跳速度-->
9 M: e! l$ m9 C: ^var BallSpeed = 20;# s+ G! ]/ r$ {3 c/ E
var contentWidth;; u# l$ S3 d9 q
var contentHeight;
. @5 X4 g* U3 Y) T+ U2 M7 s8 ^7 bvar maxBallSpeed = 50;
7 F9 p+ u0 x4 b0 }6 P1 ~
" i" U( C  a7 v; Z  L. _( m
: \/ q4 _: R0 o) v7 q; ~( y8 Uvar xMax;
( u" {( e: G+ ?4 g. q  p( f* lvar yMax;
* ]% E7 X! a$ U7 U$ s5 `4 Qvar xPos = 0;/ c  @  E/ h9 {) X+ u
var yPos = 0;
5 p9 G: [" X! T  `( ~* Svar xDir = 'right';
$ [. q' @1 k: {7 `7 B* yvar yDir = 'down';
/ {% U5 Y. A% ?var superballRunning = true;6 ]* M* u' q" R2 S
var tempBallSpeed;- _, F) Y" x$ ~9 e" I- f- a/ e4 l
var currentBallSrc;
" ?% x! }% _9 D* Hvar newXDir;: g; e) x4 d3 ^& M$ F8 J
var newYDir;4 \$ t3 f* y0 B
- Y6 Y6 b8 {( R! \9 {: I: J
function initializeBall() {. _. h& z  ^5 M' Q. ~6 V5 s
   if (document.all) {
( G( {( w' q! p7 n, l      xMax = document.body.clientWidth1 w* [  i+ |4 r! A: Y/ t; `
      yMax = document.body.clientHeight& i( ]0 L1 a1 k' A
      document.all("supertext").style.visibility = "visible";
  ]! J+ H/ X# G0 b      contentWidth=supertext.offsetWidth" C" p2 i/ x7 D( z% o9 s( d
      contentHeight=supertext.offsetHeight" }' K0 X& o' S; O, s' h
      }1 A' X4 `# m2 M& s
   else if (document.layers) {" Z4 {$ H7 T  Y! l$ D% Q
      xMax = window.innerWidth;# C9 G9 L; n2 h/ J! D6 |/ X: a
      yMax = window.innerHeight;
. X, X! r( m* _      contentWidth=document.supertext.document.width
/ q7 j) H7 h0 a/ z, `% n' m4 H      contentHeight=document.supertext.document.height2 c2 |  F! |% w1 F6 f1 E) F' f7 ^0 k
      document.layers["supertext"].visibility = "show";
- o6 m  @0 l9 Y; \9 |1 v" E. o      }& p6 E, }# ~% L0 J& W
   setTimeout('moveBall()',400);: y; Y1 o; [# Q1 I0 z5 T+ i7 I
   if (hidetimer!='')
4 J+ ^: }8 q/ {; y   setTimeout("hidetext()",hidetimer)
. B1 b( Z$ I  c" _- C   }
" e2 W& t1 {' ?  Y+ P( \& U& L- a# \5 z( c; c8 Z
function moveBall() {4 n2 U6 f% q; ?) [# v0 L
   if (superballRunning == true) {
% U: j) p' h# Q: d8 T: q- @      calculatePosition();, \5 \3 f0 |- R8 N! ?- z. ]$ Q
      if (document.all) {
+ C, e. m" _8 i+ n7 n) H3 ?, o         document.all("supertext").style.left = xPos + document.body.scrollLeft;" l4 U* h1 `7 T+ g7 P; h( W
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 e" i& q+ W+ E' s* k% J         }2 \1 ~9 {" j* K! P
      else if (document.layers) {
- [" ]* e4 W% ~6 ~- W7 C         document.layers["supertext"].left = xPos + pageXOffset;
5 s3 g$ Z- r* _' D: \         document.layers["supertext"].top = yPos + pageYOffset;
  B) Q" B* b: n4 r         }
" M% V) S' y: u# p3 i- M# _. v  T      animatetext=setTimeout('moveBall()',20);
1 f* h! W$ K  z3 E; R$ a9 d3 k      }
4 L( m8 |# R/ \8 c8 k  a8 Y& P   }
. F1 u' G+ d5 O- {) m1 y, d1 P0 U, h8 l+ `- s7 Z2 ?
function calculatePosition() {' ~8 ~! I1 e# `5 `8 I# J1 Z
   if (xDir == "right") {
% G4 [! X* [) t* m. T      if (xPos > (xMax - contentWidth - BallSpeed)) {, ^5 Y' I8 c7 U4 n4 `
         xDir = "left";
* ]- v3 ^+ ?4 l& }         }
: e' a0 O* c$ ^7 e+ o      }! W9 B' s6 }1 N6 r
   else if (xDir == "left") {
' f  P4 B% ^$ r! H" c- a      if (xPos < (0 + BallSpeed)) {
8 {& o) q7 r- A+ i6 l         xDir = "right";
% Q  L2 i! q$ ^* p- t6 A+ I         }
9 s6 A/ r) F9 }( Y* Z$ e1 f      }, d9 e9 }; c9 x% F3 q; H" k* s
   if (yDir == "down") {/ t0 R- o' B' p' u
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ X$ @! T3 @: Y         yDir = "up";
9 Y) j1 ^* q# @; O1 a6 }# e" ^         }( N6 N" j  B! s( h& V
      }# y' @5 N' L, s9 t! I4 c! \
   else if (yDir == "up") {
1 Y: @7 w0 r( w' |9 f      if (yPos < (0 + BallSpeed)) {7 Z* I. R" [3 o+ J! u; ]
         yDir = "down";
# o7 Q5 ~2 e0 G- v6 d' a         }. M: v7 m+ y4 O, m+ X
      }
1 ~7 j+ t: M( r   if (xDir == "right") {  @( t' b6 y# ^, ], ]) p
      xPos = xPos + BallSpeed;
5 K9 ], P9 v9 ], |9 _# `- y      }  G3 U6 p/ o( @. C) [$ a
   else if (xDir == "left") {
& b0 a. S: a/ Q! |      xPos = xPos - BallSpeed;, @: |8 E5 ^3 b" A
      }
8 C1 A; Q: ?& v, ~% Y   else {
# n  F4 p# q. D7 e5 `0 l7 o' j0 U" @      xPos = xPos;$ Z% _% F. d. N, ]. K5 [* f' P  }
      }- S/ {% ]8 ]6 f* T
   if (yDir == "down") {7 L% J" Q8 A# ]/ I9 x& _+ @
      yPos = yPos + BallSpeed;) j9 T/ @+ s3 `( o4 F
      }
5 q  x+ p! Z4 C' R/ a' m   else if (yDir == "up") {
1 }' d* s* d0 S$ V      yPos = yPos - BallSpeed;9 T& S& S9 y5 \: l5 w7 `
      }
; t5 Y  o/ N9 M6 [   else {
* [" m7 j$ E. Q0 A      yPos = yPos;
1 c* c- D( B: e/ d/ N7 x      }
( r3 z2 Z, i3 F   }  M9 ?) z- N) O6 v- O7 B
0 N  ~. @3 o6 @5 C0 j% u: f  d" U
function hidetext(){
; S' o9 o" U; E6 K$ T- Bif (document.all)# D- n5 p2 {) Q- q1 D
supertext.style.visibility="hidden"5 p, P3 {) E* K! F! T
else if (document.layers)/ r8 l: |0 t" a$ U* g5 Y
document.supertext.visibility="hide"" a4 `2 ]7 e0 b: e8 I
clearTimeout(animatetext)
- O4 R3 v. a0 S7 j; ~" n}3 \  C; o4 m& G# w: x
  x$ b. _( A2 ~; J
if (document.all||document.layers){
) |# a. [6 j1 {9 v' }1 W* Bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! F) n+ `" Q- U+ i  p" Jwindow.onload = initializeBall;
( X) v- Y- I2 l# S& `' uwindow.onresize = new Function("window.location.reload()");
3 {. }% F/ m* H1 b}
: g/ d) V( L7 k! o" N9 h; f5 q9 m/ J* o! W9 E- n
</script>