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

zw2004

<style type="text/css">
* ?# g  c$ r- o8 l% R#supertext {
4 e4 F5 [3 d& w& |$ J3 c, jposition:absolute;; F. c% O. o1 V/ A6 m) Q' F
left:0;
4 @7 `# g) H3 \+ z. vtop:0;
* I4 H  F7 _* T; u4 Q) {3 _4 Qvisibility:hide;
" w7 A& ^, R. K+ U* k2 ~visibility:hidden;- u0 p- \  M! S0 v
}
, j& p0 I7 W8 v" A1 m</style>* g% T& \  p5 P. d
<script language="JavaScript1.2">$ w  e# t' c3 G$ B1 m
<!-- 改变下的字体的大小。颜色-->( X' W  j+ f: Y9 J! B) h' q# ^# {
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: m. O1 @, x% w- Vvar hidetimer='';
. O* r( X5 v, t1 w$ A9 r<!-- 改变下的弹跳速度-->
  D) z% W6 O* c- gvar BallSpeed = 20;
6 @: \0 W' I- F7 ^9 l' D  r1 `var contentWidth;
: S+ e& f8 |7 Y# Evar contentHeight;; [4 c& C  g3 n; h9 G2 s
var maxBallSpeed = 50;" {7 y4 S4 d$ Z3 r0 y3 Q+ C1 ]  ^

& F" d/ E& b' d7 B5 b9 X* R. C. z, w. z3 Y6 D# n# I" d+ Y
var xMax;3 Y7 l' \, f) {' K# V* X6 L
var yMax;1 \6 C9 f2 e* I9 e& k! i
var xPos = 0;6 w6 X0 @7 K- F2 s/ K
var yPos = 0;( t: y+ l) I, V, t/ X: ~* d
var xDir = 'right';/ J3 \( G2 b2 M. t& w
var yDir = 'down';: d, B  D: e) ?4 l. K
var superballRunning = true;
: |  s* K$ m9 k9 \7 a! W, q3 \var tempBallSpeed;
: p, @0 R% i  E% E# bvar currentBallSrc;4 O+ u0 [' \0 w5 w+ t$ J
var newXDir;
1 g$ {4 j6 r$ @  zvar newYDir;( L2 q# V" A# c- `1 ~2 u0 W8 a5 l: m
# V' q* G7 a2 M
function initializeBall() {$ L- k( x! h. T! A9 V3 b
   if (document.all) {5 F4 V1 o# V+ Z  t
      xMax = document.body.clientWidth1 A( r* [: O5 \5 ~4 y/ X3 \
      yMax = document.body.clientHeight
' k* u1 X; I7 @' Z5 |      document.all("supertext").style.visibility = "visible";) V! T2 j. {: `8 l0 d9 ]
      contentWidth=supertext.offsetWidth
  z$ ^' A6 T1 i  u" `      contentHeight=supertext.offsetHeight$ S$ z  u" T# Y" M* k2 X; a
      }
2 Q. b3 C3 {( H8 U8 d   else if (document.layers) {
* m7 g3 e6 z) Y( D/ m2 ?% \( B      xMax = window.innerWidth;
5 Y5 a, j: \$ g$ X      yMax = window.innerHeight;
$ r+ j# W( Y  Y- e      contentWidth=document.supertext.document.width& V3 m, o5 l( A" Q1 R
      contentHeight=document.supertext.document.height
6 k4 f* m8 l# |# R, K4 [+ c      document.layers["supertext"].visibility = "show";
2 C0 W  b# I# [/ _+ y) K2 C      }# ?+ {# ]6 i" ^1 }
   setTimeout('moveBall()',400);
( _0 t# c% c, q& T7 D# `& \   if (hidetimer!='')5 P4 f7 }9 o; Q1 c- J0 o
   setTimeout("hidetext()",hidetimer)
! a' K4 {: n) f9 }* h+ _$ Z! G   }- D" o" ?( t% k" {( O) H3 _

+ j( o7 w4 m+ h; x: Efunction moveBall() {
2 _, X  n" ^3 m1 l5 Y, k' r9 \) i   if (superballRunning == true) {/ `# h/ _7 S4 f: {
      calculatePosition();
4 K3 m7 q. B1 F% L      if (document.all) {
1 M" u  B; Z8 W, z+ z: R! j3 o         document.all("supertext").style.left = xPos + document.body.scrollLeft;* }, o0 G# P: u, T
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 Q3 j. F6 g2 ?         }
) W3 I% ?: B, m+ U: m7 ^0 Q$ p6 W      else if (document.layers) {' [! d! e5 ~% K7 ~- W8 a$ a' O9 E
         document.layers["supertext"].left = xPos + pageXOffset;' G3 O/ }* @% \  B1 t. @/ ?4 t
         document.layers["supertext"].top = yPos + pageYOffset;- o" }( z5 {. Y" ?
         }
. M, h: t" r7 r, F. s4 w2 g      animatetext=setTimeout('moveBall()',20);! _+ K3 f' m9 {# U
      }( E1 ?/ R3 y. T" E3 ]
   }, M- s; }6 H9 v, o* }9 M

6 E, u1 Z4 h5 u# i( sfunction calculatePosition() {  ^' j- Z$ r  o/ T6 R3 ]5 m
   if (xDir == "right") {
+ V  Z$ t1 w8 e" v      if (xPos > (xMax - contentWidth - BallSpeed)) {$ t- [9 ~  s& [8 h0 a: A2 K
         xDir = "left";
: ~2 z8 b6 \7 u; o/ N# p" C  U         }
! y7 `+ X+ q) Y  D# c  }      }9 U; s/ d' p& ?0 t3 \. X2 J( X
   else if (xDir == "left") {, Z4 N* B# v: b' k8 t. Q! I
      if (xPos < (0 + BallSpeed)) {
; k7 H8 W' G* _* m! O& j2 a         xDir = "right";% ^( N# d( p9 F' d9 z+ ?% Z0 c
         }
1 m0 ^) J2 H7 T8 m; h1 B) N      }/ i" i% f0 P1 @* m
   if (yDir == "down") {% \3 V" ~, C/ B2 u" A5 t
      if (yPos > (yMax - contentHeight - BallSpeed)) {* z+ n+ y) C: V8 g* b6 h
         yDir = "up";$ @, B2 g' ]* X, n: m$ x4 \! r
         }- r; ^) O4 W. m' w, z8 P) Z
      }
  s2 u  M2 m; I6 [7 {$ F   else if (yDir == "up") {2 f1 N: e2 x$ n" x0 [$ p1 Y" O
      if (yPos < (0 + BallSpeed)) {
) T! N" m( G" L         yDir = "down";8 e- x( ?# f9 b: m
         }
3 k- S3 N  }' `2 X+ L      }5 ~0 a4 W  H0 \& h* X/ y- z
   if (xDir == "right") {
3 C; ^* o( S* R6 U5 b: n% |      xPos = xPos + BallSpeed;5 n' W- f* `: J* F5 C/ c
      }
2 z6 y' x, m  L   else if (xDir == "left") {- l. J0 V$ Y* a- k0 ^" s6 M8 F6 }
      xPos = xPos - BallSpeed;$ `  ]! J$ k3 a" Y
      }
* [1 {9 k% M, ~5 B* B4 T" V$ ?   else {
" o4 {: L) J6 K3 D8 ?- }8 M8 h      xPos = xPos;1 m3 K$ _% J1 p" X9 {) q
      }8 \/ R6 v  u$ S# K- H: A
   if (yDir == "down") {& n% o  |! k4 w& t: w: m$ d& d, d
      yPos = yPos + BallSpeed;6 U8 e5 @2 {, z
      }/ M( \: O4 K. g
   else if (yDir == "up") {
6 ~9 h* X7 b0 ?4 p      yPos = yPos - BallSpeed;6 h1 a( t9 B& m  O
      }
2 |# `! N+ I: w* [7 O/ b+ n5 |   else {
9 e/ K1 F: C0 J( W' B+ T  A' V- c3 H      yPos = yPos;; f# {+ o! h2 [- t5 d
      }
% N1 ]4 {, w* B2 J  N/ b/ {   }( N6 @0 U; j& |9 P

: n/ @; _$ K5 R9 w, C& pfunction hidetext(){, N, O1 n1 m& y& |* l
if (document.all)* v. |# s1 L4 b
supertext.style.visibility="hidden"
5 x' F# @: J, P) }else if (document.layers)/ J; H# [& w0 e; p# A; w
document.supertext.visibility="hide"
3 O" c) A- s# L' G8 w" [clearTimeout(animatetext)
: b0 T3 i$ [& J5 v- I' U}
; g* u4 B* u0 [  p! x: \1 n
& Z5 |+ K- z, e% L% x0 }if (document.all||document.layers){
/ f/ a6 Z. ?1 |document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 g  b- c6 x; f, b: Bwindow.onload = initializeBall;; u$ A3 G& |) ^. A; O3 o0 S3 V
window.onresize = new Function("window.location.reload()");+ j8 i& ]4 x. z
}
0 E4 V: j1 m3 B
; ~2 k9 U) @2 x' G' E" C  t4 c" H</script>