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

zw2004

<style type="text/css">& c. G2 L, B3 s) l# {8 {' _- W9 @
#supertext {
! G" t+ r# Z* U& r4 Eposition:absolute;; a: a$ b: k- q' w8 \3 B( f: e( B
left:0;; s; S; M& B( s4 b5 U
top:0;4 X: b: a# X1 H) G+ j& F. c& O
visibility:hide;
0 y" D: B; f- U6 n/ m% `visibility:hidden;
( t1 f7 M2 s* A2 `4 i1 g& `6 W! z}
* D4 U5 l2 K7 _/ ?5 o5 o: B" |- V</style>% ^+ I9 W5 D( _. u
<script language="JavaScript1.2">
% \1 C* f2 L; b/ o, ]$ J# H<!-- 改变下的字体的大小。颜色-->
7 G5 B$ E# w' q* g! Z2 A' K: C4 Hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; m3 A, K( j' z5 G6 L, _, m5 d
var hidetimer='';# ~0 Y. X7 W- ^$ }& p5 z/ c
<!-- 改变下的弹跳速度-->1 S2 u( ]7 y5 T6 H0 \* k+ @
var BallSpeed = 20;6 E6 }  F: c# s! e# c) u
var contentWidth;
- \" l( u/ k$ lvar contentHeight;
# M3 P* U6 c! R# t; M  i- X  u8 `var maxBallSpeed = 50;0 a1 G. E4 s: n% A3 a# `. {

4 y! y7 T  D* F) |6 m: p8 R0 z) Y; K' L
var xMax;/ D% j; R( T% k- W2 n2 A
var yMax;9 ?( R% X8 k6 n# e- C) j& g/ v
var xPos = 0;
! n  h3 B3 E. R1 t; `' ~) c, a) \var yPos = 0;: g$ ~! ^  V" L; _- ~& ^) X$ q& Q
var xDir = 'right';
3 O/ i4 Z# ]0 n9 E% `1 Lvar yDir = 'down';
" o3 ?& }! ]9 Z8 H0 l3 v8 ~% c" Zvar superballRunning = true;
- ]* G" `: G* ?( |var tempBallSpeed;
4 o* j+ ^2 @( q* `% Avar currentBallSrc;
1 |" R# k  F9 K. b( v" G/ evar newXDir;8 l# C9 ?5 c, A0 V' r: d6 l
var newYDir;
% Q: D0 g8 @  ?3 d! h/ U: I& m. M
function initializeBall() {
. e0 E0 T" [; S; u7 A   if (document.all) {
7 T% ^* E. F/ X' z9 M      xMax = document.body.clientWidth
0 z8 f4 r! Q5 l      yMax = document.body.clientHeight
% ^6 B' I# @% ?: L3 l5 [      document.all("supertext").style.visibility = "visible";: v8 t3 ~- C' j; v6 ?! t* U
      contentWidth=supertext.offsetWidth
/ P& i5 I% f( U$ }* E      contentHeight=supertext.offsetHeight
: {0 [" G* R* z. J      }# J: M9 f! T/ }* S  I4 a7 x* L# c
   else if (document.layers) {
5 D( F& E: j& ^; q; u      xMax = window.innerWidth;
; \9 a. P$ ?) j+ `- S      yMax = window.innerHeight;
# v4 ]/ L2 }: W$ G      contentWidth=document.supertext.document.width- D  V: O! J) }' B5 z
      contentHeight=document.supertext.document.height
5 T5 t* N' ]  D% w( Z- |      document.layers["supertext"].visibility = "show";# f) }( i7 V( y: I. I, E
      }
/ C" b  X( o2 c% |* f% Q( o# A" P& C   setTimeout('moveBall()',400);& s2 x2 N1 T4 F. H; F' [: h
   if (hidetimer!='')
# I, a8 V- ~3 u5 O) D" S   setTimeout("hidetext()",hidetimer)9 _  y# M: c) e$ u: \
   }' v. ~$ q; ]4 I: D
1 a1 Q( C2 `* f# l
function moveBall() {) k. O% x: o8 B- L7 G( H  L# D, G
   if (superballRunning == true) {
9 R' {, C7 P& l0 a) [      calculatePosition();5 p# U1 r- ^  t* }0 }5 _
      if (document.all) {
" U* ]" a- H' K8 V         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- j+ o( w' R! p- A         document.all("supertext").style.top = yPos + document.body.scrollTop;
# z1 _! m- @6 U3 g         }' R* r0 [9 H8 G7 ~& l% k
      else if (document.layers) {
7 n" b8 P- O, h         document.layers["supertext"].left = xPos + pageXOffset;! w1 I, I3 K) e- n
         document.layers["supertext"].top = yPos + pageYOffset;( Q0 S. v  V8 V, E8 n: g3 i1 U/ L
         }
+ A- ]& k. w# i  I      animatetext=setTimeout('moveBall()',20);8 S4 H, F6 \7 X$ |+ j) F. G, @
      }
) X+ F& f( n3 }$ c   }
0 v7 \4 a" Q- @# L2 D8 h. j, Y: o
function calculatePosition() {5 f% r4 _1 ]: G$ L$ t; D, Z$ e4 J6 [
   if (xDir == "right") {% w4 q4 o& e# b6 X( b. a- c
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 z# a7 E0 M: x, N+ e5 r         xDir = "left";: o% S! n$ z* Y$ j( ^
         }) U0 e. t8 Z' ~$ F$ J5 ~
      }' R; A' |0 }$ z/ r7 C
   else if (xDir == "left") {
1 x; o: r# X* [% K( p& V      if (xPos < (0 + BallSpeed)) {; b& \& l3 `7 s& I
         xDir = "right";
2 j0 W* s1 A) X8 k         }# G$ K8 r; Z3 Q* |
      }6 Z9 ^/ I  T3 ^/ ?3 d7 m1 Y
   if (yDir == "down") {- Z  h7 Y3 t# c% S6 m
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& X  G6 E% |# K5 ]/ N1 C         yDir = "up";. _8 [) a1 I+ H3 y; s/ H
         }
/ S. P- p* r9 P& d2 _( ^8 d      }
" {$ l& L8 P" w   else if (yDir == "up") {! y. Q3 `2 X* [3 o) D2 j* C* p
      if (yPos < (0 + BallSpeed)) {
4 V% ~& C* k$ R$ p8 ]4 E         yDir = "down";
+ e* n% e6 e0 z/ J; v/ _; _         }
: E. k* C* m. A( y$ B# j5 |) ^# X      }
3 k& n: s  i) q/ U   if (xDir == "right") {3 c% q  m( Y1 m/ H. B' l- F0 M
      xPos = xPos + BallSpeed;1 c9 E! m" h! T+ v
      }
: d( q& l/ G9 y4 T! D6 w   else if (xDir == "left") {
' R0 M: D; J& c$ {) @      xPos = xPos - BallSpeed;
, B! _% |, x6 }      }% }$ l7 T/ I8 C0 U  I$ w1 c* D
   else {
* f9 e: b3 K1 f  J* s6 o2 i+ I      xPos = xPos;* V" A. ]. R; y8 D- t- z
      }
  |: V0 z. _! g3 P# S' S   if (yDir == "down") {: @/ F7 h0 o  @' H8 P
      yPos = yPos + BallSpeed;
0 |1 C9 @# x& t% g4 Z      }
0 E, K, B6 o; Q   else if (yDir == "up") {
' k; x6 M+ c' x, W! K$ i1 m      yPos = yPos - BallSpeed;* H; O& D' j" v; y8 A
      }
$ Z8 ~/ H- O* M0 A- R6 d0 F   else {
9 u( N: `$ ]0 m3 @% I      yPos = yPos;
/ o+ \- ^2 M3 ^! e$ {% d      }
- j& Q% }7 b4 W7 v, i   }7 a; w' d0 U3 S5 t* ^. N

7 z( r% N- r2 ufunction hidetext(){% Y* F/ {9 l# q$ y, w) _% k
if (document.all), s! I& m0 H: D# @" j5 I8 m3 e0 S3 I
supertext.style.visibility="hidden"( k8 Z& E( u$ c0 W7 z/ _
else if (document.layers)
" z; Q8 X; O% F6 Z/ D( V) c( g$ c) Ddocument.supertext.visibility="hide"* m) q1 W  v8 W
clearTimeout(animatetext)
$ d& h0 X# g+ ?4 H. f* Z+ G}
  Y$ r. b" Z- o: H% L) o
+ k, i0 }& L( a- K- pif (document.all||document.layers){
, |. S0 |0 g, z. s: Ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, z! v5 S* p% a/ u  jwindow.onload = initializeBall;$ K6 C; i" N7 y& I
window.onresize = new Function("window.location.reload()");# g! d3 A2 p3 K6 h: i% l) D8 c
}- ^# h: s5 X( g0 g" m
+ H" b' [% H5 L! x# u
</script>