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

zw2004

<style type="text/css">6 v7 E! c* E- a6 h; {! E3 V
#supertext {
# y( z9 x! a) X3 W+ Q: k. P4 Aposition:absolute;2 h- e8 {9 ?8 ^$ s; U
left:0;! y. ^7 P+ L5 j' j) ]% u8 m$ Z
top:0;. S; w: E1 B; d, {$ r
visibility:hide;
5 ?6 i& Z1 n( |) k% Pvisibility:hidden;2 k% F& K4 [& I
}+ n& C( y, Y( R# k+ u% l
</style>
) P" X/ Y) t7 G. V7 T; ~( D  q<script language="JavaScript1.2">3 [+ h) V! m; i- \  q0 N
<!-- 改变下的字体的大小。颜色-->
) ]9 e* }# o% }! I7 x2 ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 O* r3 {9 s+ U# x
var hidetimer='';
% G5 m: I" c: _5 [5 u3 B$ S<!-- 改变下的弹跳速度-->+ y& v5 c/ w8 S& G* B3 [- K
var BallSpeed = 20;" R  N0 |8 Y  N8 S; f4 X
var contentWidth;
  V/ B1 k& w/ F% R$ y) l6 ?7 wvar contentHeight;
7 A/ Q+ F6 U% F7 @8 q) B( N  Nvar maxBallSpeed = 50;
, U- r: K) c1 _$ v  J, U. J0 ]+ _% F4 I; A
4 u' _/ ~, u- Z% i, ?4 m
var xMax;8 J. T: o) w9 i' A( |
var yMax;1 {4 A' H' M+ Q7 _1 u
var xPos = 0;
" |- B0 `1 o' j+ B. zvar yPos = 0;
8 C! m" t, I8 i' ~var xDir = 'right';
* s* ?, Z8 g- Q2 z% T+ P( K. e, lvar yDir = 'down';/ w# W% f, r8 a
var superballRunning = true;0 r- [8 X% n# g5 d
var tempBallSpeed;
& R5 @  ]7 J- Nvar currentBallSrc;9 f" [8 [, e2 \! N
var newXDir;, A" G* O4 S8 u3 x# f9 ^* o; `. i" M4 f
var newYDir;
, [: T7 T9 ^0 _) r$ U7 T, I
& {% X6 l; G& p; N8 Gfunction initializeBall() {, O  b6 V4 x, l- k
   if (document.all) {; n  g# a4 z/ V, E) D
      xMax = document.body.clientWidth
; o# c5 `- i9 E, y      yMax = document.body.clientHeight8 t2 S1 Z- G! D1 V
      document.all("supertext").style.visibility = "visible";
0 T% K% G. f4 ~1 m4 F      contentWidth=supertext.offsetWidth
- q4 Y7 h  B7 ]: a3 o      contentHeight=supertext.offsetHeight
; v8 T0 @4 w% J3 r; M! V      }
- a! K: B& ?$ c   else if (document.layers) {
5 i) \) h' k- w' v/ J      xMax = window.innerWidth;6 H6 q, J, N2 B! l9 z2 W* l
      yMax = window.innerHeight;, _* @2 \& R% S0 l; K9 B' {1 F+ l
      contentWidth=document.supertext.document.width% s% }9 ^  }1 _; W' t
      contentHeight=document.supertext.document.height& e( B8 ^" p& c9 F( H) _
      document.layers["supertext"].visibility = "show";. L) N% i2 b+ o9 S& v
      }
; I/ X% j& P. a: n& U   setTimeout('moveBall()',400);
! i3 ^# `8 B* I( q   if (hidetimer!='')9 y  p# D& `$ ~0 _
   setTimeout("hidetext()",hidetimer)" h' C& k0 x" I8 X3 z8 K6 N( j
   }
7 u( @9 D5 T  R& L! z" ?+ T8 p7 ~
: @( k8 r. u/ A1 I- G5 Kfunction moveBall() {) ~! }: B( ~  b* ~) S0 I
   if (superballRunning == true) {
* W$ p7 ~! y  q5 z+ c+ ^      calculatePosition();4 z( h" @/ n& N4 W/ d. y' k
      if (document.all) {
3 r4 M5 ^5 ]$ @+ Q# J9 k/ w         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ G/ e4 e" u  K7 o! A5 ~+ P         document.all("supertext").style.top = yPos + document.body.scrollTop;: M4 S" f1 X# q! Z
         }( D8 `; h" q/ q5 {
      else if (document.layers) {+ z) n1 ~# a/ W+ x
         document.layers["supertext"].left = xPos + pageXOffset;9 q: @/ S) r) H" U) _; Q
         document.layers["supertext"].top = yPos + pageYOffset;4 y' \2 _* U- v$ ?$ _/ Q) k0 a' _$ J% p
         }
( _' I% f* R" e5 L7 h      animatetext=setTimeout('moveBall()',20);
3 _; K. a+ _5 u0 @* t/ Y2 j      }- h" s9 t; ]0 d( h
   }
7 Q! j: j+ E7 M+ f9 u0 ^3 v; e
& t1 G* h3 O+ W. x0 s. |! s6 e% W8 v6 kfunction calculatePosition() {
" |1 l# h* c& F+ b   if (xDir == "right") {, L1 q- R+ u$ i' ^$ G& z- k: T4 s
      if (xPos > (xMax - contentWidth - BallSpeed)) {
! E" h# S) I7 d4 P: n: ?1 F         xDir = "left";/ t% t$ K  C9 C! `2 Q) O
         }
# G$ k9 N) \# a$ A; m7 G) P* r      }
5 T1 X& q+ O9 X  M& i- A4 P' `   else if (xDir == "left") {
: ^1 f5 v1 ?! }4 d! y  N, E) A      if (xPos < (0 + BallSpeed)) {- Q" P8 E8 G% U1 E0 {6 ~
         xDir = "right";
4 h6 g/ y2 b+ n2 [) r  H6 v         }( A( @. o, B+ g4 D5 H
      }
3 z4 j8 O( L7 n   if (yDir == "down") {
& T& w+ W( I, E+ q      if (yPos > (yMax - contentHeight - BallSpeed)) {/ ]0 w% o& `  I3 U
         yDir = "up";
0 X5 g9 j2 \2 z* T, `6 N         }# A) m% U2 H0 J, ]$ d% ~- F
      }' v0 q: ~, z$ x# |( m
   else if (yDir == "up") {- S$ R8 A& [3 D0 U7 @! m; r8 A! e
      if (yPos < (0 + BallSpeed)) {- A# ]5 K# G  j6 k, k
         yDir = "down";5 ]$ ^9 f" \4 X: S+ E% G
         }
7 _* q4 ]8 `$ T0 L9 _      }
- `1 O& C8 s# s6 A& @- r   if (xDir == "right") {
6 M0 J% @) |9 d      xPos = xPos + BallSpeed;
. f# q( S4 @3 B  y8 G. K- K" ~# p      }
6 M: s. s- X- r9 V( Y4 f  a% a$ n   else if (xDir == "left") {0 p' @# {( d% N
      xPos = xPos - BallSpeed;
2 X4 ], }1 g: r9 G3 I5 d8 n      }6 R# ~& F" Q5 ]2 F5 o
   else {
  f& |+ g* c) t' _7 H* @      xPos = xPos;( U6 Y  A6 F' W& m
      }
! u; z$ ^. g- b  C7 t$ v8 B  s3 X   if (yDir == "down") {" K  e! A$ u: y" b
      yPos = yPos + BallSpeed;
3 G) `. r# x! L      }
: Y, \; d; t4 \) U+ _- O4 n# H" U   else if (yDir == "up") {
5 _4 i' M/ n' N- C      yPos = yPos - BallSpeed;
0 L( ^* x0 m& ^9 a! W2 o      }
/ ~& r* L: Q0 W6 {8 {( r   else {
+ I' X4 s+ ~" [, X      yPos = yPos;
  ]6 {$ O: Y5 d9 W+ K- L  R/ {      }* m- t: m6 E, z# @, a
   }
) d. y9 {) B1 [% D* g1 F: q  Q: L( ~- R& a# j7 w) W2 V
function hidetext(){
. @' V8 g" i' z+ E4 V" G9 f4 Sif (document.all)  V- ]0 {, T4 `5 s$ Z
supertext.style.visibility="hidden"/ l& f1 y# _2 V. h. n  g3 E
else if (document.layers)
+ k/ F7 T8 t* [. Tdocument.supertext.visibility="hide"
$ w) U# b" R$ S$ f6 _clearTimeout(animatetext)
3 W: g9 r. y8 ^$ C}
! `. _$ I! m& w8 X. ?3 y3 c: E* C5 S; V9 m( t6 V
if (document.all||document.layers){
' b; N+ Y$ v8 Y% x: P/ mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: G$ y5 b' e2 V* wwindow.onload = initializeBall;
* _( @( H# W: m$ t9 ^$ ^3 z  awindow.onresize = new Function("window.location.reload()");" |' Q# K4 d7 ~& p! q
}: k! Y" C: u1 c5 V, x& n
. o2 {' e) q4 T  a
</script>