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

zw2004

<style type="text/css">
$ m2 s  n  ]6 z+ g+ H1 J#supertext {# c& `4 x& T  n8 V# A: D
position:absolute;
5 `9 m" r+ ~  ~  eleft:0;
% n% x! {1 d8 o; S5 ^top:0;
5 V5 @& j' y6 q1 W+ }visibility:hide;: @# q4 m' ~% P1 ^
visibility:hidden;) _, _3 {/ v# i# A* q
}* o8 {( Q* c' F& i0 ]
</style>! x" H, Y/ ?/ P- H5 ^) M  h2 @8 b
<script language="JavaScript1.2">
; a4 e% @4 y8 q8 u8 p; Q% a<!-- 改变下的字体的大小。颜色-->
9 O! S7 ?. Q1 l9 Uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 Q+ N, ]1 w2 f! vvar hidetimer='';
6 x7 `4 N, Y2 ?  D- f9 z: P<!-- 改变下的弹跳速度-->- {9 n% g7 a3 ]7 c" C6 l8 C
var BallSpeed = 20;
) _! {8 b# F4 P/ x2 W  ~! @0 Fvar contentWidth;
9 ]* d) @% S+ wvar contentHeight;! ?: A( O/ z$ Z2 v4 A
var maxBallSpeed = 50;) R. c( w7 J6 q* l$ b3 W$ d
5 {- w; b/ g* J. _+ y: v% k

4 f$ j, N# d3 i4 d/ g9 [# uvar xMax;
8 J" ^' }/ n* j1 h6 hvar yMax;8 l0 ]( T& o& z; u
var xPos = 0;' J" D( v0 R  @7 j5 I3 T' f0 O
var yPos = 0;% f4 L$ r" [3 D" Z0 v4 e
var xDir = 'right';
, p6 Q1 Q/ M! z0 \var yDir = 'down';6 g$ x( e3 O( l! y
var superballRunning = true;4 u% j. @, U5 R* o: V
var tempBallSpeed;
) A. Y  F2 L! G$ i; rvar currentBallSrc;- d3 ?& k: d( M, s) f1 \* }5 f/ J& F
var newXDir;& M! Z2 F' q# l$ w
var newYDir;
# J: u- l0 ]( Y: w& B( _3 H. q: R4 ?1 f
function initializeBall() {
5 q' T" J" v; w3 q1 ?  W! y' ?   if (document.all) {
) l$ x! T8 \4 ?      xMax = document.body.clientWidth0 j: g9 L/ w2 z, g9 H
      yMax = document.body.clientHeight
. s! }- c$ t2 K; R- [$ a      document.all("supertext").style.visibility = "visible";3 {4 {/ P8 z- `  I
      contentWidth=supertext.offsetWidth
! s0 M' z, q. z( ]+ u. m      contentHeight=supertext.offsetHeight
$ G% o0 R& }$ A      }, b, I& V$ ?! E$ B+ H2 N9 ^
   else if (document.layers) {
8 `$ t/ v" r$ R3 u+ z      xMax = window.innerWidth;& k) n# f. j) V1 R* o. J8 s5 \
      yMax = window.innerHeight;
- [1 C' {  e" k4 {+ @. l& C  N. C% G      contentWidth=document.supertext.document.width
: ~4 J! [1 O# s$ G$ l      contentHeight=document.supertext.document.height
) [; ^0 K9 j  V/ l! c9 {      document.layers["supertext"].visibility = "show";4 B& @- U1 p7 y1 j* w
      }7 Y* G! E/ m) q# Y* q6 P5 z2 S
   setTimeout('moveBall()',400);
  X. m$ v5 u, B   if (hidetimer!='')9 q; b' n; z3 ?" b, n( l
   setTimeout("hidetext()",hidetimer)/ i) X+ F" w2 Y& D% I% x
   }0 n3 ]7 h# ]; J3 _8 q  E1 ^

* E8 I* X3 t( Q7 Q1 o3 f" {5 s0 Mfunction moveBall() {  e6 Y* B) n2 Q) m
   if (superballRunning == true) {
8 q% `1 T* X8 j3 C      calculatePosition();
2 M; T! m1 w4 T2 i8 @      if (document.all) {
! W6 w  N; ]4 d+ f         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 C0 Y: u- [- H
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 h9 B- N% Y4 \. B; L. c         }/ S; x+ s- v- J% z" G2 i
      else if (document.layers) {3 s% Y& N3 T- H8 ~5 u6 ^: ]
         document.layers["supertext"].left = xPos + pageXOffset;
* k6 m$ q. t1 m$ r         document.layers["supertext"].top = yPos + pageYOffset;; Z# V( ?$ |, Q# a8 n8 Q# z
         }/ d# K" Q7 l$ x$ M9 C2 R
      animatetext=setTimeout('moveBall()',20);2 {, L% k, m+ S9 ~5 j9 {# Y
      }" D( y7 h% G, _, p  j9 T
   }
7 g! ^  U6 _9 z
2 @- `. F8 _5 ]* r, `function calculatePosition() {" ]: W" q7 T3 U; c* w2 u# H
   if (xDir == "right") {/ X8 S, l' e$ s8 J9 Q
      if (xPos > (xMax - contentWidth - BallSpeed)) {
4 j3 G; q/ B  o. o- z3 x         xDir = "left";
& z1 y! A8 U3 F  L; i         }
/ z# |: C  e9 H, i9 g# o      }- {5 s( Y# B3 g
   else if (xDir == "left") {& m6 O  g- k5 Z& j
      if (xPos < (0 + BallSpeed)) {
5 V0 N# D; F; u3 q6 ^         xDir = "right";
% X; E4 p7 k6 H; v, T* s: z2 ^         }
1 e' z+ d* N( j$ T) w6 N      }) z6 c$ Z6 K2 O% N( f: l! A4 x
   if (yDir == "down") {
- f  \+ x( F$ F5 s. }# v/ c/ q      if (yPos > (yMax - contentHeight - BallSpeed)) {$ I4 S& E' A1 b: Z: M
         yDir = "up";
. B( u, ~7 [- ^3 R         }
" t' }1 h. |* d. d2 l      }
0 x' L1 ^, K/ l6 r   else if (yDir == "up") {
+ R/ O+ s) S; i& N  v      if (yPos < (0 + BallSpeed)) {
% [' X6 h. {9 M         yDir = "down";
/ p: b' n, m6 J4 @' n4 C         }4 G& u4 f7 k* e- k+ M3 E* B
      }6 h: j" ]1 b: f+ x1 z2 I0 t+ \
   if (xDir == "right") {& ]% I# Y( d2 A8 V
      xPos = xPos + BallSpeed;
$ y- N% b( \/ t7 ^$ z+ T      }
  g  V! _2 W9 o% x   else if (xDir == "left") {* ~0 S8 V) i! A+ t5 B; }+ j; `
      xPos = xPos - BallSpeed;3 @' B- K7 c( F; e; m  d& M' u) g7 w1 G
      }
% {+ u; f& B9 U8 ], k2 @) R. r) W' P   else {2 F8 B1 N  n  I- ~6 O0 p
      xPos = xPos;8 k. f; F) @2 Q/ y4 j
      }
* N9 W# I- {% n, k   if (yDir == "down") {% f+ |; e2 f- ^9 {7 G! N7 V
      yPos = yPos + BallSpeed;
! t& W$ ]. R% w$ ]6 p      }
/ h1 S2 n1 N; I5 P0 N   else if (yDir == "up") {$ i1 M+ ~1 g# Q* L" g( s  o
      yPos = yPos - BallSpeed;, F2 ]% F1 p& |8 l0 T. k8 ^
      }
5 P. ^7 ^% V0 f' g   else {  f6 ]" l% _, Z) I; c
      yPos = yPos;
) P# Y! m) T6 k1 z% @      }
' @, l- r7 i8 Q$ w5 I! {   }; v4 B; ~! d  ]8 P: k

7 w' _% h3 {' ~( dfunction hidetext(){
) j: Z3 V% M1 P2 T2 Wif (document.all)
! n. _( G) X2 i' l3 [" d9 s! Jsupertext.style.visibility="hidden"
9 Q* k9 j4 R* y& w( K) v3 s6 R; W$ i0 k3 ~else if (document.layers)
2 m$ o  `7 f3 P! cdocument.supertext.visibility="hide"
" r! K9 A& V: H3 C6 L# L# XclearTimeout(animatetext)& ^  E' ?9 m! S0 x
}
! t" a+ d7 z: i" B( ?8 [$ Y& W4 z& c/ Q2 r6 A7 U
if (document.all||document.layers){! C. J8 L8 u* q$ S3 {$ P. ?& D
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. K/ l) W3 @5 _2 |/ }1 b8 U& bwindow.onload = initializeBall;
" q* Y! ]: u! h& H+ X- K9 kwindow.onresize = new Function("window.location.reload()");* G6 Y4 E1 k# _
}! o) f) A$ R3 U1 Y
5 C, J1 s$ z9 T% \. B
</script>