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

zw2004

<style type="text/css">4 f2 G3 O$ i9 T* }" `, E: O
#supertext {
( v& |- K; |& xposition:absolute;
: L+ y/ }8 X) e; s4 S% tleft:0;
; n4 u2 C% i5 v/ F3 L2 z9 k# Wtop:0;
( [5 A* Y+ V9 q7 m) s# B  z% ~visibility:hide;. t  p4 d% S- L  E
visibility:hidden;4 l( e' X4 ^% d" m4 A2 z; e
}
  O5 B# w; ]7 I</style>4 }, J+ {0 w/ g" `
<script language="JavaScript1.2">& N! N0 h& p' c3 a& S- g
<!-- 改变下的字体的大小。颜色-->  r1 x6 g6 s& E% Q6 @
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 z0 ?' W* _( {( [' `: J) mvar hidetimer='';# {7 Z( H' w! Q/ S# t# [
<!-- 改变下的弹跳速度-->
0 H5 Q% n0 V" |var BallSpeed = 20;; W, m1 G, ]+ |
var contentWidth;
, A8 m0 L  ?* o" n! `var contentHeight;7 ?! K# P  X9 g
var maxBallSpeed = 50;
$ o2 V4 @" |9 _, \
6 y) ^  i, R8 V+ u# B/ u3 c4 }; p' e$ n& r* U6 L
var xMax;6 e9 Z' u& |5 c8 a4 N2 y; a+ \
var yMax;
$ T6 E9 G! ]3 G& ~8 O/ P% Cvar xPos = 0;/ j$ R7 J9 H2 a* B( X- u6 t
var yPos = 0;
$ }  S. V% E( O5 pvar xDir = 'right';
2 q9 ^! }$ o9 y- t! Lvar yDir = 'down';
  O* M) _: _- W' Fvar superballRunning = true;$ v- e. p3 j* l
var tempBallSpeed;$ m4 O, N* m4 F! B  ~( p3 s7 m
var currentBallSrc;
2 Y/ ?/ w& q* H4 Uvar newXDir;  Q# t. u& N9 S5 P6 i7 ~
var newYDir;- Y: I/ u0 p& \, Y) j

& g: {7 V) }: Efunction initializeBall() {
$ J. D5 R0 g- K9 Q   if (document.all) {( ?2 Y6 N8 l( ]1 Y: d
      xMax = document.body.clientWidth; m; f  E" Z( X
      yMax = document.body.clientHeight
- B: z! w( y/ w( r( w0 Y6 Z      document.all("supertext").style.visibility = "visible";
* g3 e$ N# I- Y9 t      contentWidth=supertext.offsetWidth* g/ |5 [, @! x+ Y
      contentHeight=supertext.offsetHeight
/ C% |0 j- |. E- u5 J! l3 C1 x% U      }0 ~4 D4 M+ C8 H$ k% X* {
   else if (document.layers) {
: D# w4 T2 f7 J4 D' V1 r% k9 u$ U      xMax = window.innerWidth;
; N( i! D/ m) R- @      yMax = window.innerHeight;" A) |9 f5 R& W6 F* t
      contentWidth=document.supertext.document.width
6 l6 @: V: G) v: J      contentHeight=document.supertext.document.height
6 i* |2 ^: D  w6 W; W, F      document.layers["supertext"].visibility = "show";
$ O; N- `. ]. w      }
2 {3 ^2 M  b: ~/ y3 l9 g9 Y   setTimeout('moveBall()',400);
4 N& D3 H6 y* E1 i4 J* Q/ h, p! E  o   if (hidetimer!='')
3 G% m& z; b3 A: n; y: z8 M7 v- m* y   setTimeout("hidetext()",hidetimer)+ U: X# E4 X, {! |9 Z/ X: Z
   }
, e6 @1 O7 \/ k, y; `3 C5 R3 ~3 Q7 [, B( d
function moveBall() {
" }7 M* ^9 R- U/ \" P( D' b; e6 z   if (superballRunning == true) {5 c9 F+ ]7 }! K! W' s6 ?( z
      calculatePosition();
7 B/ e/ n0 E, G5 o      if (document.all) {' I! q0 i8 @* M, C! t9 @" Z# g
         document.all("supertext").style.left = xPos + document.body.scrollLeft;; X) y9 g6 Q: O# U/ ~& e4 Z! T, l$ k
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ O7 Z. r* T4 w6 M         }% }+ J* Q! `; Y2 _2 A  ]
      else if (document.layers) {; h: m, i- G5 E
         document.layers["supertext"].left = xPos + pageXOffset;/ G% F% x9 f/ I4 _
         document.layers["supertext"].top = yPos + pageYOffset;
- ]' B+ ~1 k0 Z: S6 H) _: Q         }! T. W& j; Q( m7 [- j! l8 L+ N
      animatetext=setTimeout('moveBall()',20);
5 [; ]7 {  E- t) c& t- O# C      }
/ p1 d' R; l8 t! [5 o   }: h, N2 K1 x! n7 f$ g
6 ]* M! E( R0 n
function calculatePosition() {1 o3 O: A% R; [6 f
   if (xDir == "right") {9 d: F6 H# v3 r& G6 S' \
      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 H  R. c3 O: u9 y! x8 R. O         xDir = "left";
; `! M2 n  q1 V. l         }
- a, G9 r  I. Q( m  L      }. T; o+ w" s5 ^+ ~$ W5 S+ h. R
   else if (xDir == "left") {
8 H; T8 ]' H# ^+ V" K5 N      if (xPos < (0 + BallSpeed)) {
" Y* g+ f# L% D" a         xDir = "right";
8 V7 g" L6 b* X: d7 v) e         }
7 a: o/ Q  Z* D: M( h4 ]      }
4 I# S7 R* I8 H% {+ Z6 e   if (yDir == "down") {
* Z6 W) x* ^. p2 C2 O6 e      if (yPos > (yMax - contentHeight - BallSpeed)) {/ A) x0 Q+ A" V  r8 `0 T, x5 ~
         yDir = "up";
$ W/ L& L* b1 ^: e& [         }* _, m# T) ]* u& y1 |
      }
( O2 e1 H' i9 J4 R4 H: J  l) v   else if (yDir == "up") {
% _, S" U; [  C: ]% K9 Z$ N3 s8 v      if (yPos < (0 + BallSpeed)) {
: Q4 K" X; ~3 q( o* Y9 d6 f         yDir = "down";
) J; l/ ~) ?% P7 E' R" l+ ]         }
( q, Q, A" j1 }      }
) F: r! }5 \/ Q( Y7 G* t* X3 Q/ D8 W   if (xDir == "right") {& B% D0 s8 e! `" h# m* n" x$ p; y
      xPos = xPos + BallSpeed;! S, r6 }5 w  o, W
      }
4 l* ~6 ^: t1 H3 n   else if (xDir == "left") {
0 P/ r! E/ K; u+ m      xPos = xPos - BallSpeed;: T0 P) S6 Y! V7 S
      }1 j( _' j9 J" J$ D" I
   else {" f; X4 Y  x+ X( \. t
      xPos = xPos;6 k" q" h2 f, o/ ~6 g2 m! B0 }
      }
) r, |/ D. a5 z: M/ v: ]   if (yDir == "down") {
1 T# p* H( l6 b, o+ g1 M  @      yPos = yPos + BallSpeed;
# |) Y# k: I) }3 D+ K! E; V" G4 G      }
# M) r" A3 O0 H   else if (yDir == "up") {( ~- B6 J( S- r& q9 ^- D4 z
      yPos = yPos - BallSpeed;
/ a/ i) R2 |, I+ }1 a& K, p      }
3 V. }/ T1 ~) V4 z7 m   else {3 D3 N8 S5 Q% v- U; e  f
      yPos = yPos;
# O+ Z+ d# n3 n! X, N) ~- ~      }
! q) C+ N2 a0 g9 i5 K   }
* ]7 z+ A) H$ m- M7 M. \0 A
' ^! Q/ o! D' R5 O! U. X& B$ qfunction hidetext(){
+ l' v7 [! b& i2 ^- C) {if (document.all)% B2 h& K$ R$ O$ g1 S
supertext.style.visibility="hidden"/ K0 Q( r, y3 E* z$ f
else if (document.layers)
) O6 E7 a) }* V. i; G0 Vdocument.supertext.visibility="hide"8 o1 Q" \! |1 u9 r2 M" ]* R
clearTimeout(animatetext)
7 Y, ?8 N0 T2 z( c* q& J7 f}& t' O) G  @& B4 M) n

$ i" i! |9 t' }5 k' q% t  r( zif (document.all||document.layers){
3 M! C& T4 L* a& R0 L* E/ s' wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  U! F) {& T$ |
window.onload = initializeBall;: h; F' }6 u$ E) \4 \
window.onresize = new Function("window.location.reload()");3 l0 {1 [6 D1 M" B
}+ ]2 L: M( q- e$ ~( a, b

8 i; R5 I6 \# I; K2 Q$ y</script>