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

zw2004

<style type="text/css">2 Y1 k  g/ O: X
#supertext {
: w: Z4 ?2 a& e, f8 k/ Sposition:absolute;' {: b1 R) J# }
left:0;4 g0 l9 i0 O( T4 w6 b" c
top:0;
7 m. P8 Y% u5 V. x/ @& g+ k  _/ T& nvisibility:hide;
7 Z# B, M' ]3 w' L0 Zvisibility:hidden;$ u/ U$ L# X& z' A
}
* i5 E! x& B6 B; y</style>
1 i. {) K% ?2 m) J4 Y; m<script language="JavaScript1.2">
7 N% y+ c* _/ F1 f$ o  F/ o  \<!-- 改变下的字体的大小。颜色--># @) m5 M; U, D7 n' S; Z/ ?; |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 \1 t# m9 K% p0 i
var hidetimer='';
$ L: q0 L6 I" \4 r$ l* v4 d<!-- 改变下的弹跳速度-->, t# B& e1 h5 E5 c2 [" c8 ]8 d" Q
var BallSpeed = 20;$ Y2 s9 A; K8 r8 J) d3 T2 A
var contentWidth;1 C9 C' m. ~' f" X, ?  W
var contentHeight;
% [8 t* N5 f; ^: e0 K7 `/ D9 n; A% r1 Q( }var maxBallSpeed = 50;
3 o, o6 I5 L" s: W9 y0 K) f. {& l2 R+ M
+ T/ @" |) i/ g8 o& t' r
var xMax;7 R; W2 ]$ M/ \1 L# z+ }3 p
var yMax;
, k3 W& e* c/ ^0 Qvar xPos = 0;0 }5 a2 W' H7 N8 T+ u
var yPos = 0;
5 F! P7 O6 s! R8 s6 K# g" w5 [2 avar xDir = 'right';6 U# E7 s: h3 U
var yDir = 'down';
- T$ X! B8 e% A- Lvar superballRunning = true;
/ c0 n+ Y: ^8 I) `8 Evar tempBallSpeed;% g( J& M/ i( U( L
var currentBallSrc;
; a# W0 H$ b2 A. \. o. P% \+ pvar newXDir;# `8 C0 O8 c' S
var newYDir;
1 p* t$ A' w) P  m- a% X; i7 z9 a/ A' y, Q7 K4 u
function initializeBall() {
; }1 F+ Q4 J$ ~, u3 a   if (document.all) {
- }' o; M9 e& u5 Y1 s. h+ ~6 g      xMax = document.body.clientWidth
4 W% m2 l/ Q' G  }- E      yMax = document.body.clientHeight$ _9 f1 e  w, h5 A. e  H, l% w) N
      document.all("supertext").style.visibility = "visible";& R; q" C8 o1 y. _' E. D) n5 w
      contentWidth=supertext.offsetWidth
: D* D# A1 l1 V% e      contentHeight=supertext.offsetHeight1 H! R; X; `/ \- o( f5 O9 I) \
      }4 C7 e2 j. y' M/ _
   else if (document.layers) {* D. ~  S8 K7 e+ _
      xMax = window.innerWidth;
+ a# N% H7 U, {8 y$ S/ G      yMax = window.innerHeight;
; e  W/ f& Q4 Z, [3 d: ?      contentWidth=document.supertext.document.width
4 t, v( O1 }# }+ l      contentHeight=document.supertext.document.height; U, `7 h" T1 i1 h4 r' l1 u9 ^- {
      document.layers["supertext"].visibility = "show";
. J3 \. |  y, H4 R# v$ ]0 T  o      }% X$ [2 N( E2 c9 w6 n
   setTimeout('moveBall()',400);
6 _; [/ D6 N5 b1 }, y8 {/ K2 g, U   if (hidetimer!='')% J: s2 R( ^, ?) n
   setTimeout("hidetext()",hidetimer)
8 R- V( ~- {# p   }
! I; `" l- Z( j1 `& a4 r
7 o2 a/ r8 t% w8 q1 X9 _! w3 P6 vfunction moveBall() {
, z$ H/ Y( T7 `( _4 d   if (superballRunning == true) {/ H6 ]5 L, `" \, W  G! @: R/ j3 n
      calculatePosition();
1 m, {" ~9 g6 u- k0 }! n      if (document.all) {4 f& {5 E' U* ~7 x( R
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. l# c- q$ g  l4 j; c" _: J- L, v
         document.all("supertext").style.top = yPos + document.body.scrollTop;
) a! {8 B3 g/ N2 `. v0 U         }2 G- B$ G" n# e* s2 e
      else if (document.layers) {
7 g! Q- r+ t! H7 W, Q7 v  o         document.layers["supertext"].left = xPos + pageXOffset;4 w2 G- r+ m# X- _& i% q: C
         document.layers["supertext"].top = yPos + pageYOffset;3 v6 o7 x  P4 V( O5 j
         }3 p( D, o6 W. S- R" k% I
      animatetext=setTimeout('moveBall()',20);9 f, U6 ?3 \4 I2 d3 D0 ]. M: T
      }! p* ]+ @4 ]  H( {5 f( p
   }! P, N& X, e, C2 O" i' j, U/ D' h

* f% W: o0 p5 t- I# ~2 _& mfunction calculatePosition() {; P* ]! c/ t- X) E/ b1 |) E
   if (xDir == "right") {( F! t3 I6 N( z# Z. p. \$ n
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" }9 s- ?5 k2 x  V; C         xDir = "left";: F3 k& J7 |0 v1 _9 Z" ]1 [
         }
/ e9 G5 C! U- g3 f/ I      }8 j8 c5 K& U2 c' ~. R: K
   else if (xDir == "left") {4 g$ c) N. o5 u9 M
      if (xPos < (0 + BallSpeed)) {
0 D( O5 ~/ V9 ]1 R         xDir = "right";; _1 E  T5 y9 h+ x2 a( G2 k8 D6 }2 J
         }2 d. N- b! |( Z- C) B6 N/ {& m3 `
      }
2 k" m7 _0 ~9 v: j) O   if (yDir == "down") {$ z, s0 N5 B3 b9 s) x
      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 |/ R6 p7 J1 n6 d( B: K         yDir = "up";  |  K+ x4 Z1 p/ e" H
         }3 j, h4 W. W. C; i
      }0 D7 o8 S$ ^9 o7 ]8 [4 f% \
   else if (yDir == "up") {
! e7 b5 ~$ ^% x) j: Q' y! r      if (yPos < (0 + BallSpeed)) {
7 V8 c5 f5 k4 R" ?7 c$ t) @( a- B         yDir = "down";4 e* b- d9 I1 x- Z/ j/ t" Y
         }
  K( O6 C# w) p: g* O" Y      }
( r! L% F% G/ {' a* l3 ~   if (xDir == "right") {
. ^9 o% ?/ R, c8 w9 w' S      xPos = xPos + BallSpeed;
- G9 n; V3 P  j- q" ~7 C; u      }" e- ?' A/ d/ T7 g5 k4 u: {3 Z
   else if (xDir == "left") {8 ~+ C- b$ v) l; D: D5 l
      xPos = xPos - BallSpeed;# m. p# ~) p) Q4 E! r
      }. G. }3 m/ K9 n+ m0 H( p
   else {
$ O7 N' v8 ?7 E* n8 ?; ]      xPos = xPos;+ w+ M6 m) {% {- {0 o9 p& n
      }  o3 N- [, \1 @, k( S1 v  P
   if (yDir == "down") {0 d& ?0 y# F- y" G* q3 r
      yPos = yPos + BallSpeed;
0 U5 h: X% d( r      }" v9 }( U" ?9 [
   else if (yDir == "up") {, d) J' S0 s4 H$ E# I% n* d
      yPos = yPos - BallSpeed;( j) d9 ^' R- ]% u/ l
      }! |( o3 R8 M4 i/ s3 T  ~2 _
   else {
& O7 X5 @( Q& h7 B/ V      yPos = yPos;( H" j$ s' s- d/ v' L% J
      }
) G1 R* U$ ^7 S   }% p: B0 c2 ]8 h9 R/ R; c

" K9 L3 l' d) k) F' d/ Bfunction hidetext(){0 W( J1 r# z9 Q$ {0 u. W: I3 B
if (document.all)7 s& x+ b0 c5 Q& Z
supertext.style.visibility="hidden"
9 @# e6 R# k, V5 q  b0 Zelse if (document.layers)) m) B; M' O9 x+ i) b; e9 ?; j
document.supertext.visibility="hide"
% F( R7 c% L/ Z+ R! }/ ?3 F- _  XclearTimeout(animatetext)
  j) C1 B: r& j" `" {+ E7 l3 c9 K}
& j+ r/ |, ^+ Y( R$ U. [1 v" u% n- o2 g, k1 p1 z) w/ Q# k
if (document.all||document.layers){
4 n9 k  k* k! n/ B. `2 @2 Idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 M( T4 ?' D3 N2 Q
window.onload = initializeBall;/ _3 O7 d( k- Y* Q( N% x8 ~  ~
window.onresize = new Function("window.location.reload()");
2 n) ]7 J$ `8 \/ j% J* x: A; {}
& [6 j0 v' L2 h- j
5 o' L! b" e5 N  R! n$ w</script>