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

zw2004

<style type="text/css">
3 z0 x4 b# X3 _#supertext {1 P: W* G) w+ M  V! q
position:absolute;2 l' o3 h0 Z3 G1 [
left:0;
2 V  z; H) ]9 y4 g, u+ utop:0;  v* h( Q  H' X- I! g6 [
visibility:hide;0 t+ I0 [3 s5 z! t) M( o( ^
visibility:hidden;
  ?. P2 ^5 c# A2 O- K& a  _& ?}
# R3 i$ I8 I  j</style>4 ^( t" ?$ ?4 D& |5 O
<script language="JavaScript1.2">% U: ]: b) U- ]% I" d( P$ f
<!-- 改变下的字体的大小。颜色-->) S' G6 A0 d: v; c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* j6 N0 x1 F: @- ?4 ~var hidetimer='';. |( w! T( X7 r# d5 F: `7 O
<!-- 改变下的弹跳速度-->  l, v4 A# O1 \' |: v" o
var BallSpeed = 20;9 A6 w9 |7 G& e2 G/ u7 l3 V! }
var contentWidth;
. b7 d7 [, |. y% f( ^/ Tvar contentHeight;5 G  g5 f; Q, F; e6 E! u$ k) B' [. q/ A
var maxBallSpeed = 50;& @% q6 Y0 }4 S! w

) }$ q8 }6 h6 x4 ~+ ~" A7 T6 u; F/ Y. [* E
var xMax;
+ _5 ]5 p6 F; ~var yMax;
2 ], J6 J7 C* f9 E& ^& f5 p9 Fvar xPos = 0;) b- u& {: t! A2 ~  @
var yPos = 0;
) G$ \% n( i2 ?) G0 L' jvar xDir = 'right';
# D* U$ ~) h" N0 i/ qvar yDir = 'down';- R0 s/ r# P6 n5 ~2 m
var superballRunning = true;
" A+ n! b7 ]/ E  \: {var tempBallSpeed;
- Y. E3 {1 V" m1 V9 S5 ?$ N6 Svar currentBallSrc;
" m1 e" U$ T: }& y1 Svar newXDir;
4 Y+ J  P' o5 fvar newYDir;
- E9 @4 `  ^2 b( [2 R5 H% n/ m' J& ?
function initializeBall() {: O+ o$ N  A3 D$ R
   if (document.all) {2 R; W* L! D$ w# t  N
      xMax = document.body.clientWidth
' A: r( Z  A. L( C: D5 H7 v7 O$ [      yMax = document.body.clientHeight
2 U3 C+ {; K2 Z5 P      document.all("supertext").style.visibility = "visible";3 k; x- B% c- C$ y+ m2 `& O+ \
      contentWidth=supertext.offsetWidth
  T9 U) J6 p- |$ _  r      contentHeight=supertext.offsetHeight& P4 i2 i: F% ~- t3 v
      }; b4 c- `% H9 q0 l6 |/ f
   else if (document.layers) {5 f4 ?- t8 ^6 Z/ ?% J! P9 N
      xMax = window.innerWidth;
2 j1 ^! g. n: E9 D& Y      yMax = window.innerHeight;& @! J  }* D/ d8 ^' X
      contentWidth=document.supertext.document.width
" \3 @) R. U# D2 J7 A* G: ^      contentHeight=document.supertext.document.height
& n/ ^8 p/ h3 F; K5 _      document.layers["supertext"].visibility = "show";  p3 W0 c6 e+ x! i
      }' L. W9 A8 p6 D
   setTimeout('moveBall()',400);' H) h9 U: u/ ~) V5 H+ [6 ~
   if (hidetimer!='')  `; j3 z% [/ j. s# }6 P
   setTimeout("hidetext()",hidetimer)
* f- k( h, v$ Q) Q: Q! y; Z% P' {   }, g/ q9 t' i; j

: T5 p; M9 q% F4 [) Afunction moveBall() {
5 {: I9 J; @8 K' Z) h9 R4 j+ D   if (superballRunning == true) {+ d) l# |2 f8 P) z! H/ D
      calculatePosition();7 Z  k) l) G* O( t' O2 j8 d" p
      if (document.all) {
/ H& x: \7 v1 \2 U( i' h; }         document.all("supertext").style.left = xPos + document.body.scrollLeft;! R* i% ~: S) H) G% N* f1 i) y. K
         document.all("supertext").style.top = yPos + document.body.scrollTop;% A6 ~2 m7 Z# p
         }5 v( L6 }! o1 q* ?  V
      else if (document.layers) {' _' ~, B0 J% z
         document.layers["supertext"].left = xPos + pageXOffset;& `- N9 Q/ D* ~, n
         document.layers["supertext"].top = yPos + pageYOffset;8 e% h7 d# A3 l2 _: g
         }$ @) P# x. b* Q) E) o8 _# z$ T
      animatetext=setTimeout('moveBall()',20);3 i' D' C7 y; l, @) y
      }
3 }& [# Y  d2 h1 ~   }' o+ k. `& W) [& S! k& W+ h

- F7 v/ b' a! q% c. g5 b' w% jfunction calculatePosition() {
$ [! W, g7 B) u6 B9 _5 s   if (xDir == "right") {
8 d3 f, W0 W3 s4 i( r' G- R      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 z/ z5 v! V- s5 j! t' d% `         xDir = "left";
" m# B- ?, s+ V         }
6 ]0 r; }6 T; h, {/ ?! k  K& G4 i      }% O% C- N. y; \1 a( D' s0 \* F7 X
   else if (xDir == "left") {
- z, X4 R1 W# j' b# V      if (xPos < (0 + BallSpeed)) {- X* C5 `+ E, r+ O* C
         xDir = "right";
: o9 i  z" ^9 g1 H5 Y: u& A         }# q! D9 [3 B- t1 _( {
      }6 H/ r9 e5 S3 b0 W8 |
   if (yDir == "down") {4 V4 ~: R9 {9 c, R/ ~! `$ z
      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 `4 I7 x& A9 X  |6 z         yDir = "up";
/ t4 x/ w( D) x, T5 [: P         }
7 @: Z5 ?" m' S* l1 S9 l      }2 j1 n/ \- ]/ N) {" ~
   else if (yDir == "up") {
( |) ?9 H; F) n+ t) }      if (yPos < (0 + BallSpeed)) {+ B' D' Z! b5 a, Y6 g
         yDir = "down";
( d: e: B, g' k. F         }
0 }. m( \' H6 W      }
; |% Q( e: i; g' M1 R   if (xDir == "right") {& B' R  u" ?: e. d6 }) i
      xPos = xPos + BallSpeed;- x8 z/ j7 ^& b& }6 W
      }8 q" _% ?+ G: |; I
   else if (xDir == "left") {
+ d1 H& }! B; a2 Z: i, y      xPos = xPos - BallSpeed;; ^  X; a; \2 K- |6 |8 x
      }
) u: d4 p5 ]2 P& t# ]% {   else {* C, S( C' {4 m- d
      xPos = xPos;4 @, [1 [, `/ f: [% W
      }
! }% `5 m( B3 |" \* d( R+ B   if (yDir == "down") {
* a3 m& E# B; O/ i5 b. I      yPos = yPos + BallSpeed;! q! M# g9 S% `0 n1 z$ H
      }
! p8 {6 s9 X+ a7 d" h6 S( c   else if (yDir == "up") {
& K  D3 R4 W, M- N* p) z; }: K7 F      yPos = yPos - BallSpeed;
$ D. K. }; W( m6 p2 U3 }8 H$ C9 p      }
, t2 n, ]/ Y. G. U0 Q; C% k   else {2 ?2 v+ d  ~2 A7 _; [) o, ^
      yPos = yPos;
2 E3 J1 Z9 L" }1 u, U0 ]      }
- x2 e& [6 a; D; H9 J/ s   }
6 I+ V% N) d7 I  ^9 s4 I  l5 T; Z* _7 Y
function hidetext(){. c$ X, O  P* U" t/ G6 Q
if (document.all)
5 b8 c  r# I0 b: Psupertext.style.visibility="hidden"- a2 X, ?1 f; _4 q' I" m2 y
else if (document.layers)' K# V5 a5 I+ o5 n
document.supertext.visibility="hide"1 R1 f# I- P0 _: [
clearTimeout(animatetext), _5 ?9 r3 O4 a* q) c7 B9 j
}
; K3 |. E  Q3 g" u
! h6 j0 p7 A$ L  @$ Q7 ^+ R. W. ]if (document.all||document.layers){+ Y& S4 M& c+ W% U
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, D6 `' h! ]2 Hwindow.onload = initializeBall;
2 _# H+ u, h) s7 Q) ?, zwindow.onresize = new Function("window.location.reload()");" @; A! d8 {% L) \8 S
}
1 `, p. h6 u! B& a# G  s
: S) D( j: U7 }6 ^: b</script>