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

zw2004

<style type="text/css">
0 s& ^7 ~5 a7 |! u7 [$ t8 f#supertext {
) P: W" _. L# f, [6 K7 C; }position:absolute;6 v; M8 x: R6 m& Y( Q
left:0;
: t1 P2 O- F* m' v7 |; K+ Ltop:0;
* Y, a% S! w1 E9 I9 a- xvisibility:hide;
6 J' ^0 p2 w3 V3 a! T5 b+ cvisibility:hidden;, I* v4 P# U. _! v" z% I! a
}( ]& A' o' m% w& E. M& R$ L( W
</style>/ z9 }6 E/ `6 w$ H0 H/ j
<script language="JavaScript1.2">- q/ n# _2 J* o4 H& f  u: Y- I1 G8 d
<!-- 改变下的字体的大小。颜色-->
' `5 ^4 j2 E4 w# Vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 y2 @# F2 ~, W2 u# V7 Yvar hidetimer='';# ~' |6 I1 }* o! b
<!-- 改变下的弹跳速度-->
) I7 b: k1 M4 l( a% x9 u* t4 pvar BallSpeed = 20;# V- W8 |- f2 q  @( H6 Z
var contentWidth;
# J) W9 O& h5 _. wvar contentHeight;# i% e# W( M6 G8 Y8 \
var maxBallSpeed = 50;
% V% Z# X) g# v. i, N0 W! l! }
3 Z; M. Q  W, k" J) @6 ~( _* j( [4 e# _1 y( v; w. |) F) ^0 L
var xMax;
4 k4 W' O. c  dvar yMax;8 K4 I1 K  L( R/ m2 C+ z
var xPos = 0;7 v2 Z: x8 e0 K( X. J7 P/ i
var yPos = 0;" [9 I- _  O% i# r% i5 H
var xDir = 'right';
6 s) ?' ^$ E! Nvar yDir = 'down';
/ U% T/ W/ s/ o. [3 P3 _var superballRunning = true;
1 D: o; e- g: D- N# z( b5 W; mvar tempBallSpeed;; A, P* j/ P( k
var currentBallSrc;
1 I6 K, a( b' _! W. `0 f8 Gvar newXDir;
( h/ o6 r1 S& p% U' D( Bvar newYDir;- ^. W9 W! v4 V/ q% D4 ^
+ y- I+ \4 j+ z# T% H. W
function initializeBall() {1 ]1 x# {/ K0 Q4 D
   if (document.all) {
7 v) a' I" L" G# @7 e      xMax = document.body.clientWidth
. g5 C, d& A" Z      yMax = document.body.clientHeight
# V- M+ L& \$ L      document.all("supertext").style.visibility = "visible";8 Y) |* C% c9 g
      contentWidth=supertext.offsetWidth
) a  U. Y' s& j: M; a      contentHeight=supertext.offsetHeight4 C, X! L; G* X# `9 m) O" |4 T
      }
5 `+ a) M. J8 l: ^- M4 E   else if (document.layers) {& D2 w+ T) R5 A6 A# p: i% X
      xMax = window.innerWidth;
6 n; L  z; G1 h' W$ e! P* D      yMax = window.innerHeight;
6 t+ V1 \3 ?8 V      contentWidth=document.supertext.document.width
+ ?; X! T1 U7 J( z      contentHeight=document.supertext.document.height
: Z$ _+ `7 w$ L% W' @4 G' j      document.layers["supertext"].visibility = "show";
6 Z: P& |1 L/ g# ^      }
1 b( {0 G  X- R& X% [   setTimeout('moveBall()',400);# E4 f* }8 \. H( u: W+ k8 E( z
   if (hidetimer!='')
& u3 [( @/ M2 l; s5 V   setTimeout("hidetext()",hidetimer)
) B6 P+ C& @: s! ]9 `' J   }
4 T5 A7 h0 m% g( b3 C( T7 T0 t
3 I' n4 p: j. M- I8 E5 ~0 yfunction moveBall() {
3 A9 h. ^$ d+ z2 t3 f% s6 C, Q9 F   if (superballRunning == true) {
* s) {2 h" y9 |3 x+ H$ n" y- T      calculatePosition();7 g: D! _1 }4 s! F/ ^$ N; B
      if (document.all) {
! g- |( l, H: B' C         document.all("supertext").style.left = xPos + document.body.scrollLeft;  t" @  ~  w. [9 {9 W, N/ h+ K
         document.all("supertext").style.top = yPos + document.body.scrollTop;
9 w$ C- [2 V9 v# E- w         }! Q0 P5 r  g0 \9 \" n8 @* P: ]
      else if (document.layers) {4 q0 L4 w' F7 `- ^: S, h
         document.layers["supertext"].left = xPos + pageXOffset;+ f# u. a% X3 X# [4 n
         document.layers["supertext"].top = yPos + pageYOffset;! F( k' x  g/ s$ e3 p
         }9 J- ?, p! P3 J
      animatetext=setTimeout('moveBall()',20);
  U' [; R. r! o$ h1 L9 S/ `. T( J      }. ]0 Y; s  w. \
   }, R: ^* b- S5 f
' {( v9 o' C1 W9 w/ u
function calculatePosition() {- {$ W! N0 k# z
   if (xDir == "right") {; Q8 t( p' G. O$ S& H( B- Z
      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 Y7 H1 f3 C0 D; t& D         xDir = "left";
% K3 P# s# y  ?4 P) C# ?         }# H& z5 b* R; A! r7 i
      }
. D0 C" O! Z) D! ~" o( A. w4 e   else if (xDir == "left") {" f' U8 B; V2 B& p
      if (xPos < (0 + BallSpeed)) {  o8 h( D( o3 C# q- Y& c3 a: _
         xDir = "right";
7 H# g* I1 [$ ?; }) _         }0 W% F& u  z. @( S! l$ B0 _
      }: d4 u1 w- s8 z- z1 F5 u6 A
   if (yDir == "down") {
+ L$ z" s( _$ N      if (yPos > (yMax - contentHeight - BallSpeed)) {2 U/ R; @" _! x8 B- l" T+ \
         yDir = "up";" l; `; @/ j5 M! u5 ?0 @& |* j
         }
2 D& _8 _, \7 N0 P; o      }' @3 ]9 F8 p" r/ v+ |4 p
   else if (yDir == "up") {
) {4 j8 ~1 }+ Q, A- q$ W      if (yPos < (0 + BallSpeed)) {8 D* @' U  w8 y% [9 e0 ]. [
         yDir = "down";
) x/ Q5 E( m1 v# n" R; F+ Z         }3 D) |  O8 O9 p+ m
      }) w; x+ A/ V, N! t2 A# O+ B! o" d5 k2 p
   if (xDir == "right") {
" ]0 }& Y0 T3 j      xPos = xPos + BallSpeed;6 ~$ P( M; {1 I1 ?- u$ G" o
      }
5 r7 H3 u4 f1 g# v9 f   else if (xDir == "left") {
. \, }$ w/ t$ i, C# i% L  ]* }      xPos = xPos - BallSpeed;
" Q4 {7 |3 I7 q7 O9 _2 t, c; `      }
2 x0 r; y6 @, d+ w   else {2 \* A0 ]6 G4 p, }% o/ ~
      xPos = xPos;
' A2 j* O2 R, N  l      }
5 F, u  }' X* }' C   if (yDir == "down") {, t" ]! H" k* m+ o: W; `0 f
      yPos = yPos + BallSpeed;
+ w, B! {1 O0 E. c      }
& S! B" F9 f0 Z; E   else if (yDir == "up") {
& e! X) s4 O5 @      yPos = yPos - BallSpeed;: }$ C7 k+ b1 Q
      }) K- x1 \4 @. D# f( b) P2 g
   else {
/ F; _; M' a2 h* q      yPos = yPos;
! S, |6 U( _: l& n      }) z! ?+ E( ~: e
   }; }+ ^0 a4 r6 ^6 e" `$ s' M
4 q9 O- ^& G8 B" R* M1 B, z
function hidetext(){8 B8 e9 {( _6 {5 m( e
if (document.all)
+ n9 N" {! B; b& [supertext.style.visibility="hidden"
( s" H* r: C6 E  [9 C6 Kelse if (document.layers)
1 \* Y; ~+ C. _) Q5 x- Qdocument.supertext.visibility="hide"
/ F$ g6 K/ t( f' Q) i! w+ kclearTimeout(animatetext)
& p2 G  N& Y& L/ u+ a}
7 a3 g) J+ K, Z5 n5 U6 F3 c2 c* Q: O$ i8 M* s
if (document.all||document.layers){& J- E7 M) W# C
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): \0 d9 {0 N+ W. W! p% d9 }4 f+ r
window.onload = initializeBall;
. T$ L7 a7 H' s" Ywindow.onresize = new Function("window.location.reload()");
& _( w2 T" v; q7 ]0 P' q: r}
% W+ r3 J0 @: m4 z7 g1 c1 g# }# D% a
</script>