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

zw2004

<style type="text/css">
4 N+ j8 L1 m% C( d5 i" ^#supertext {8 c: ~+ A0 ~* I( e; u) p% G8 _
position:absolute;
* u6 Z9 \5 }7 Y0 t+ f1 \$ s3 z" }! {left:0;4 m1 D8 P  C! s$ F
top:0;
7 F$ V/ ~& J* b( Jvisibility:hide;! W5 W2 t0 @- K) p3 a/ b% k' @) b: D1 p
visibility:hidden;
+ U* S+ n3 c4 N4 G: ?- ]}% q: i4 B  P/ e3 E
</style>
! h8 ]/ g" C( s) Q1 X/ g6 j' _" ~<script language="JavaScript1.2">6 z. A6 A& r/ P' ^# E
<!-- 改变下的字体的大小。颜色-->
; V$ v- ]- o% c0 n4 Mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 L1 I$ V' }8 G7 u; d- C  K
var hidetimer='';$ a3 {1 e$ |: I8 O
<!-- 改变下的弹跳速度-->! _! x  X4 U% C% \3 d
var BallSpeed = 20;0 x! x$ K8 C7 |9 ~3 S
var contentWidth;# F& a" w  K3 E& [5 r) W
var contentHeight;' A# L9 {, o1 Z* I, j! V: T
var maxBallSpeed = 50;4 ^9 o7 J0 m3 Z3 w, n
- x/ s2 n2 s8 [/ B0 T7 r
$ h6 }7 e1 L- O! B  |( V
var xMax;. y# T7 I; l' r3 {1 ?7 s7 c% ]- G
var yMax;
1 u* Z6 y2 n  U4 fvar xPos = 0;
  S2 P% J6 x* `# t. Gvar yPos = 0;
& h' i* f2 G! a2 w. Z6 ]& }$ u! |var xDir = 'right';" V6 j/ G" c; l/ J8 b' j
var yDir = 'down';
8 t# Z, `& Y' i( e5 zvar superballRunning = true;
+ u$ M2 w! z  k/ bvar tempBallSpeed;; r: U" |/ S* ^& r" b
var currentBallSrc;9 c# g$ L0 \- i% R
var newXDir;; C5 u4 `, J1 s) D; l! ^5 s( A
var newYDir;' i4 n4 ?3 u  r5 G! @# z

7 ~& m/ {7 y0 d6 Nfunction initializeBall() {
9 H7 H4 L, j* X$ q+ d' S! _/ E   if (document.all) {
& H# x9 d3 k  a      xMax = document.body.clientWidth- X% J  g" Q* U( b" G! G$ p; [
      yMax = document.body.clientHeight8 z" T4 Y  H5 M3 o8 B
      document.all("supertext").style.visibility = "visible";
0 S; o' r5 t( I+ U' h( L      contentWidth=supertext.offsetWidth
! s3 a" t; E) V5 h      contentHeight=supertext.offsetHeight
2 N% N3 |- r$ |/ e$ U! l! F2 e      }# k$ p2 ]) f) f, X% y: w
   else if (document.layers) {
' [$ S" S) `% p2 N- i9 o      xMax = window.innerWidth;
9 I+ m( h+ ?3 b/ ]. p! K      yMax = window.innerHeight;' T8 i( F8 i8 p( W" C
      contentWidth=document.supertext.document.width; t+ ?- c, H" ?, c  }
      contentHeight=document.supertext.document.height
7 m8 e* t. K* z7 ]7 d      document.layers["supertext"].visibility = "show";) z3 b8 e9 M+ S0 S5 X
      }  u9 S7 g5 l' P5 A, A
   setTimeout('moveBall()',400);
% {8 \+ [/ j7 y/ E   if (hidetimer!='')" Y& d, y) k0 K
   setTimeout("hidetext()",hidetimer)
& x" ^, q3 g5 p9 Y0 |) x   }
% d; G8 k. d& ]. w$ Z6 N9 F4 r) Q8 s8 }( c
function moveBall() {) q/ z2 P5 S1 [6 j
   if (superballRunning == true) {" X" e5 b; l% P% K. l% y. Q* H8 j
      calculatePosition();
( d4 w! Z) }- w3 y( j: Q      if (document.all) {
; ?5 W) M1 A8 M0 y* V9 m         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 i, k5 n5 W6 \7 N5 j
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ g$ O; c" O- `7 [+ v         }
$ s4 ^% g( C' O  P! y      else if (document.layers) {
' g) x# \$ w: \: [         document.layers["supertext"].left = xPos + pageXOffset;0 A4 W0 N2 c' \
         document.layers["supertext"].top = yPos + pageYOffset;
9 f" \, S& \6 ?5 _         }
& b+ u# l# `1 \* H* e( Q      animatetext=setTimeout('moveBall()',20);8 k9 {" h. d6 A. X
      }  E8 y# x  B6 \$ \1 @
   }" C8 z6 @4 R- x# d
" T% c( |2 H: v
function calculatePosition() {- Z( I+ M+ w& x* j6 |
   if (xDir == "right") {
& O  K& ^! G; W2 v6 i7 u/ ]      if (xPos > (xMax - contentWidth - BallSpeed)) {
' @8 H8 W9 t. b+ P         xDir = "left";; W/ I1 N! E( s9 ?& s* Y
         }2 A: K$ S* n3 [  J
      }/ w3 E3 k8 n; z
   else if (xDir == "left") {
# a1 A2 I8 z- C( @      if (xPos < (0 + BallSpeed)) {& F1 d5 B1 \" P+ Z+ ]+ y5 Q7 I! s* U
         xDir = "right";% ]2 |8 a+ h, i( D* j8 D1 s
         }  o9 Q' c% b) N$ m
      }
0 L  B5 `4 h. u: V# n: P4 p2 _   if (yDir == "down") {
0 ^* l2 M. Y0 s: [1 j% |, b0 s! M      if (yPos > (yMax - contentHeight - BallSpeed)) {
* @0 m& y/ Y( x# o" ?/ Y         yDir = "up";6 n; T% B1 i: o
         }
: R* K$ h" A  _$ i, ~2 y$ N      }4 Y2 j7 N* B, h- u6 ]. {8 i
   else if (yDir == "up") {! q8 y' w+ ]8 g7 t$ ~
      if (yPos < (0 + BallSpeed)) {
" J2 T6 j0 K! S" f% x" s3 x         yDir = "down";
& e% e& A& V4 o         }
" i0 `# s5 m) n7 f      }! _1 e" v8 }0 m9 O  R, E4 T
   if (xDir == "right") {
" @$ x& C- |  {1 p7 [! z      xPos = xPos + BallSpeed;
# K+ H6 x5 l$ }, `2 ?) \7 _      }
& j+ G) K, ~* @$ }: q   else if (xDir == "left") {
1 m2 v7 t7 i, Y: [$ m) s) a      xPos = xPos - BallSpeed;( I. O, Z  T8 y8 ?  i; d& P- z
      }+ v+ e4 t) [7 O; S/ N2 H/ u( t  z/ p
   else {
5 a+ J! i# d% Y% L      xPos = xPos;; }5 t" D* y, a4 I. d
      }
4 u0 Q5 z; h% \. i   if (yDir == "down") {
  T  w1 \( a- K  M3 H4 l      yPos = yPos + BallSpeed;
7 {% p5 ^+ d0 ]: I$ U+ g' y      }2 U7 ]+ a: {2 A" d) r
   else if (yDir == "up") {
7 h; C3 h$ u6 d6 ]+ M3 Z- y2 N      yPos = yPos - BallSpeed;
% x, K4 \0 R8 s6 d1 n      }- l0 b; M! p* q+ n* s
   else {& ^3 E- z8 I, W6 V/ d/ {$ H6 F
      yPos = yPos;+ g  c. b9 y# v6 [6 M" Z6 u
      }
1 F& _. }" P5 H7 w3 r8 V   }5 o& S: K6 t9 c/ X, K1 q; t

- ]( O9 o% N1 M, xfunction hidetext(){  i; F  d1 N% k1 Y4 S: s
if (document.all)5 U4 k5 E' q1 r% D$ E
supertext.style.visibility="hidden"
$ ^9 X/ {2 z9 l. R  p. i, celse if (document.layers)3 L+ g, m0 [6 w
document.supertext.visibility="hide"8 T$ h/ F* Z% h5 M. h1 P
clearTimeout(animatetext)7 ]8 B! I& C& `# P6 K7 \
}& v5 R9 M* A' v5 s  j

; m" \8 r/ m! s( Oif (document.all||document.layers){1 b3 [" b6 N3 Y. ^; Y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# Q) }7 m" M5 O- Q% Z' Jwindow.onload = initializeBall;
  p% L9 Q& V& X8 ^. z' Q9 ^window.onresize = new Function("window.location.reload()");/ H2 s! l  T. h4 H! O8 X7 V
}
& K5 Y6 m; X) |, f' i4 G( j. a, f( k) _
</script>