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

zw2004

<style type="text/css">
1 }3 T- c  K7 T6 U6 j, r$ D#supertext {
2 ?7 t1 U5 _+ y2 C1 [) S+ u3 w8 @3 Vposition:absolute;7 i: Z! ?4 P# |2 Q; j& @# l
left:0;
2 w* y5 e+ r- ^  k' r' K8 ]1 Ctop:0;) A0 @. j3 J, J
visibility:hide;
4 |1 m8 k  k) G7 V# wvisibility:hidden;
( B7 v( q1 m# Q- _: U}
3 c- l2 u! `  h: t; Z$ B6 K  T</style>6 O8 i/ r4 @  A6 F
<script language="JavaScript1.2">  @, p0 X6 j. K8 c: v
<!-- 改变下的字体的大小。颜色-->
3 j. B: o  o1 }' O  o+ d/ avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ y1 x& W4 V: _
var hidetimer='';  c- r( ]$ D7 U
<!-- 改变下的弹跳速度-->
, w& B* G8 Q6 U$ Cvar BallSpeed = 20;  w: I7 `! Q" \. z, z
var contentWidth;
6 J) e, p3 h  i3 B! s6 P( `var contentHeight;6 F& E& n4 D. V7 K
var maxBallSpeed = 50;
4 r# L( ?. E* W8 i1 G4 ]- `# F! D& S/ e* ^- e6 x
- _( f2 c: B1 M5 X( Z# S. ^* b
var xMax;  |# Z4 x# ?3 ]! D6 [. M3 P
var yMax;
! o3 s9 Q: O* `. A1 P% K* f& [var xPos = 0;+ p* v) W+ y2 z1 q2 l+ n
var yPos = 0;
+ T* u: c* F1 G' D( z' Uvar xDir = 'right';
) S( n6 l. e$ U- A/ G' k; |var yDir = 'down';4 |* X* I5 b* K9 X* c1 _% K- m9 q
var superballRunning = true;
0 L, x! Q# Z' Z( ?  g9 j9 l' qvar tempBallSpeed;/ m' {! z, b+ \3 W
var currentBallSrc;
. r; s6 B* o" B& Lvar newXDir;7 D8 l) f. ?8 b# A; }
var newYDir;
; ]9 C& N6 A- u' R3 S& [
$ W: T% p, `7 [/ e3 |function initializeBall() {
) D# C2 q" U+ M% G) }( m8 D2 C! t   if (document.all) {
, k( |, f- d4 C1 K; t* g      xMax = document.body.clientWidth
( X( n( `1 y8 a" p4 b      yMax = document.body.clientHeight7 G- Q& P+ D, N* j$ L
      document.all("supertext").style.visibility = "visible";' r1 A3 h8 V  z$ K' p9 d
      contentWidth=supertext.offsetWidth
1 Q% D' a- t- E5 A' m9 Z5 W: M      contentHeight=supertext.offsetHeight
& l2 }& T2 Z: B6 i( n9 q0 ^      }
  p6 ]. R- n; u; ]   else if (document.layers) {3 _7 ?" x$ \$ _4 g2 Q
      xMax = window.innerWidth;! F, c3 `1 d6 i
      yMax = window.innerHeight;
2 I3 ]& y6 {3 s( v      contentWidth=document.supertext.document.width
; T  R! U. s& q! T! s; M      contentHeight=document.supertext.document.height- |0 G; M2 \4 C: b2 A5 `
      document.layers["supertext"].visibility = "show";- n" @4 U8 o* S& {" p
      }3 a, w7 m5 R- A# z
   setTimeout('moveBall()',400);0 U9 M  G$ E2 J5 I7 O0 B
   if (hidetimer!='')8 X" e7 _( D7 [
   setTimeout("hidetext()",hidetimer)
2 `0 T6 t  m, ?2 B; s' V   }
- d/ Y7 V) j# @1 |! o$ r+ m, F, I4 t- n
function moveBall() {
; w0 W( h, r! T0 L% F1 b, d   if (superballRunning == true) {
% Z  A! [9 t+ j5 c% o/ E! [- }      calculatePosition();" D& D' n7 q! k5 b
      if (document.all) {
/ ~. G9 ]$ O' q  d0 D         document.all("supertext").style.left = xPos + document.body.scrollLeft;' M, k: w: e3 k1 O) Q: c
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 \7 }* k# b9 Q1 h" {         }3 o2 s! C7 ]3 i; \2 c  [# x
      else if (document.layers) {+ d7 G, C1 k+ C( |0 r; W
         document.layers["supertext"].left = xPos + pageXOffset;
- T1 H; K! q) n         document.layers["supertext"].top = yPos + pageYOffset;3 s/ L5 g* r% Y& z" {
         }
# `* _7 D9 I: H5 y( M5 O$ Z: q      animatetext=setTimeout('moveBall()',20);
) w; \, F: e+ }      }
5 l6 C1 g. y. x! I9 D% J0 Y& `   }
7 U  {* K' H* y3 a2 K% m! Z
! K( j! f5 T9 Zfunction calculatePosition() {
+ x. p% s: f$ k8 r7 J  f, e   if (xDir == "right") {9 R1 b' b, ]. K9 S# {. D, N. n
      if (xPos > (xMax - contentWidth - BallSpeed)) {. w* c% c9 l9 a7 r" s5 p
         xDir = "left";" e% W" G8 K' H
         }
* ?' f7 i8 W; t& A) t8 w9 W      }
4 z- U) ~  w) M/ w3 V+ q2 ?$ K9 a   else if (xDir == "left") {0 _) _5 Y/ Z+ H2 \) c  x
      if (xPos < (0 + BallSpeed)) {
6 k; \) D3 `) h7 s6 r' p- w5 `         xDir = "right";, f' P* g' M' h- g- z* ?
         }# R  B9 g" Z/ ]
      }+ k& e8 {- v/ e! i8 V* ]9 A: K. }7 j5 D
   if (yDir == "down") {" V( I# l8 Q: g& z7 z9 W' e# x1 W: N
      if (yPos > (yMax - contentHeight - BallSpeed)) {
' W* U9 l# k+ N: y% W- F         yDir = "up";
6 }  }' e! p! v. p1 S         }
4 B5 m  w) B8 x& X      }# X+ ~; m' E' _
   else if (yDir == "up") {
5 [: V" n9 b  M! ]3 ]+ J      if (yPos < (0 + BallSpeed)) {
' Q6 \9 h% [1 [3 h         yDir = "down";- C  w! X  u7 U. c5 C7 @" ]+ Z
         }
6 X% v5 ^, g+ X* S# r& E7 p( |. z      }7 m" Y3 S) ]3 j; G. e' K
   if (xDir == "right") {& F& F: }8 p- U$ B6 P& b8 F& n
      xPos = xPos + BallSpeed;
  [1 s3 v" o: Q( n3 a+ [& x      }
5 b3 o$ i2 F5 v   else if (xDir == "left") {: ~1 U1 T& G  I$ s, I( a9 Z" G1 m
      xPos = xPos - BallSpeed;4 ]. x9 h2 ?/ ~$ l4 B; K. s9 N" c
      }; [8 G8 x1 I8 ]1 ]  h% c
   else {, [( B* U+ ]# f+ `7 j
      xPos = xPos;
) D+ o' e3 M2 O" l% U- J5 u# V7 R9 ~      }( E9 u, E. w  X) J: O
   if (yDir == "down") {
& n  V+ ?+ \+ `) m/ R      yPos = yPos + BallSpeed;
  Z7 k# T* C, Z0 M6 `5 p- E$ V" z      }, ^. w4 |. A7 Z/ F9 E, ~
   else if (yDir == "up") {; _6 u' j* C* E9 F) G3 g4 U
      yPos = yPos - BallSpeed;# M3 \8 Y, ^4 O. A6 C/ B6 b+ ~( @
      }
6 f! {' }: x1 f/ I9 q. }" H   else {
) |8 t# t. x; ^( R      yPos = yPos;2 C  Z6 E& _5 E  q& i% C* n
      }9 l$ r9 a4 Y5 Z9 |
   }9 ]" M/ z; x4 v2 W4 u# H1 B

% m! y# i, M  A1 Cfunction hidetext(){1 v+ S) O# [, V3 S! l
if (document.all)
! w' M  H2 M4 \& M, W, Qsupertext.style.visibility="hidden"
! Y/ Y4 d# @  x! [. y2 |/ H; R: `else if (document.layers)
: w0 _  N1 k( Ndocument.supertext.visibility="hide"0 P/ ]- ]# `3 }. r# Y1 s4 l
clearTimeout(animatetext)
( V% }+ e! ?" N% a}
# m( B+ D0 `+ r$ O% E  Q* ]. U# A1 j, i5 i! v
if (document.all||document.layers){+ R1 J) N, d: N& Y2 Q; T  m: S) Y, ?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 v8 h8 b6 C5 k1 g! Z) s, swindow.onload = initializeBall;/ ]% a# W; j0 _' z; _8 e: _
window.onresize = new Function("window.location.reload()");" ]) E/ v) h" h) e9 J
}& ~6 W5 {, N; Q$ u

& T2 n6 f5 N9 V1 {+ F</script>