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

zw2004

<style type="text/css">
; `. x: G. `0 x- y3 b) J7 W7 c- w3 w5 B#supertext {0 Z! @+ q6 ^  j" d8 A: {
position:absolute;
! q- W/ J7 J( s! G) gleft:0;$ V9 m" I% @& l1 {( q
top:0;
/ W$ e% G3 Z$ F# n% c0 g4 ]! O7 zvisibility:hide;
4 n2 g' K7 }) [1 }/ W" ]visibility:hidden;& p, S$ O/ R3 s9 d+ z3 u4 {9 O
}
1 }, I: v; X) i( b) w9 J</style>
- p+ w+ f9 @$ _- Q! \<script language="JavaScript1.2">6 {/ G$ C* c# A' ]
<!-- 改变下的字体的大小。颜色-->5 i. S% k1 s3 o; O6 D! l6 D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; }- r, V, `) A- ]: l6 Q: e/ L
var hidetimer='';
/ G! _1 N, m! w4 c% D& }2 E<!-- 改变下的弹跳速度-->4 V4 _+ ~7 P, ^7 u
var BallSpeed = 20;
4 H8 D; S3 U$ h% ~' V3 q! B( H! d1 rvar contentWidth;
+ A& r( R: h& M" B' {% ]var contentHeight;
" |# k3 `. C/ S# ]7 z% s) Fvar maxBallSpeed = 50;4 \& J  n3 Y+ e( P# I! t
( H9 m; ]9 y- o. z
7 y8 A( }. \; l0 z4 b* J
var xMax;8 P' q! R' k1 [" m* k2 U. {$ n" }( ^
var yMax;9 T3 t  e, s( \5 S2 ]% w5 \- ?
var xPos = 0;
3 o* `. }9 f9 [var yPos = 0;0 d0 f" S* l# |5 J3 f
var xDir = 'right';
. D* x, R. Z- w2 o7 i* t0 tvar yDir = 'down';- Q8 d) c/ Q1 ^' D
var superballRunning = true;
2 o6 f: w* T/ D1 |' gvar tempBallSpeed;
7 Z$ h2 `5 v8 F$ [7 [var currentBallSrc;
8 O2 w$ \( I. }var newXDir;
! J; ]3 `/ k2 I- n3 G/ {var newYDir;
3 E& H" H6 b8 O7 |2 D9 `" N: T# u7 _' d- O* w/ `
function initializeBall() {; K8 F3 w( y& S" W
   if (document.all) {
% D8 H% D: v2 B8 k0 ?      xMax = document.body.clientWidth) R% X" o/ G6 v+ [- l, k8 I( K
      yMax = document.body.clientHeight
' \! y3 A5 U5 a- O, e      document.all("supertext").style.visibility = "visible";
8 j4 u6 V; F7 f6 z3 f" A      contentWidth=supertext.offsetWidth2 i) ~) O" x% i+ M- Q/ h8 x* [
      contentHeight=supertext.offsetHeight9 Z# U8 i0 q4 p6 l7 C. @. R
      }
* @. q# \: R1 m0 Q1 F, ^# y/ H   else if (document.layers) {
1 l4 {6 r) L  D' i      xMax = window.innerWidth;9 k$ u4 V% B( Y
      yMax = window.innerHeight;
) Q  O! S" A& Z1 C/ ^/ ?( Z5 F6 |$ b      contentWidth=document.supertext.document.width
$ K" L9 R% ?4 p8 N+ s# @) B! S      contentHeight=document.supertext.document.height0 R2 C  h/ v4 |
      document.layers["supertext"].visibility = "show";' |5 [& i  n: h" k7 q: ]
      }( h& f! H( Z$ ]* s/ A
   setTimeout('moveBall()',400);$ R9 \! [2 h  ?. F9 ^' {2 ~7 q
   if (hidetimer!='')/ F" B, c1 W! I0 j
   setTimeout("hidetext()",hidetimer)
' w8 S5 b' @  D   }
+ @! W7 I! {( q$ s: m! F2 G- n
- W9 A( m- c2 X( d. cfunction moveBall() {
, G- V. P! F. ~  \   if (superballRunning == true) {/ ^& h5 J7 n) ?) `& D
      calculatePosition();
; i, v* T5 x. J! ^0 |6 ]7 K$ e. |      if (document.all) {' B& ~4 L! R6 {6 B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* F4 O9 I* K  G! I2 F4 S2 v
         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ s* J/ _3 ?& p$ c, Z         }
2 D+ ?1 _1 o, _; e      else if (document.layers) {
- {; s3 v- k$ f& u         document.layers["supertext"].left = xPos + pageXOffset;
9 A8 b% j6 e7 s- T/ a1 [         document.layers["supertext"].top = yPos + pageYOffset;7 u% o6 L0 t% n* \6 Y# p! |
         }
0 J* L+ a& A6 D3 v6 C) Y3 W      animatetext=setTimeout('moveBall()',20);0 z2 f7 B/ t* W' s6 |6 X6 T3 \
      }' [9 x3 H+ ^  S( d
   }- M7 p8 r3 A, h& K' g1 j7 F
2 n# P* n5 J. C' \& b" `
function calculatePosition() {' x( F, o/ N  H' o8 ^" f
   if (xDir == "right") {
2 g" ]9 l; T1 {0 X( U      if (xPos > (xMax - contentWidth - BallSpeed)) {
/ M* I, ?& n: B( q; z- ^         xDir = "left";% v3 O3 c5 _+ n  P5 B, M
         }& s* @( O( a1 S# W  ?) b: Z$ ?) i
      }, R) F  w+ l+ j
   else if (xDir == "left") {
$ m+ y9 F- ~) y. h+ {      if (xPos < (0 + BallSpeed)) {
9 L* o% k- i( q; @         xDir = "right";
& ]) d7 r  J1 y8 ]' d+ @         }
1 f; y' e: Y  G" v3 m4 J# o$ E      }, ~% S6 E6 D6 M; ~' e6 m, x
   if (yDir == "down") {6 y0 Z8 g# p, h, o+ g: z1 @2 u+ j% r, t
      if (yPos > (yMax - contentHeight - BallSpeed)) {' h+ U8 V, ^4 P0 q/ F) j& g* w
         yDir = "up";
3 V) b8 P' B. B% \         }( c' [' J* ~4 p$ w3 m
      }
+ ]1 q* u6 m2 G: Q, C8 s, A   else if (yDir == "up") {
$ B3 R/ |' i5 P* U3 F      if (yPos < (0 + BallSpeed)) {9 z" t6 x; N$ e# v7 G) L' m
         yDir = "down";
1 m4 _$ F* n1 @5 q) Y         }  u& v& n+ v) X! W
      }7 y0 L7 M& S# U* |' \
   if (xDir == "right") {' z9 F5 o* \# H. Z( x0 d' H; k
      xPos = xPos + BallSpeed;
+ p- @* P- I; c5 X% e" I      }( ?9 e1 \3 ~; X  B* T' [" T/ ?
   else if (xDir == "left") {
. s$ i+ e, k/ C5 M6 d9 X      xPos = xPos - BallSpeed;1 H$ b) @; a2 T. G
      }
, Q6 T# N% @7 [3 I   else {" M& h/ u; M5 k4 r7 n% [
      xPos = xPos;
7 Y# c% O6 f$ ]6 e& p      }
7 M; `8 u! U% E+ M   if (yDir == "down") {7 Q& R+ }: @1 |. c# C# ^
      yPos = yPos + BallSpeed;4 d% i. X, B. M. _" R& T! _
      }2 Y! [, \2 s( g) }/ J
   else if (yDir == "up") {
$ w" T! F* ~/ E2 l      yPos = yPos - BallSpeed;; H7 O+ p8 ]+ L) Y- [) q& ]: N+ Z
      }
7 D0 R6 L0 x) H. w" d8 ]  e   else {1 t! S: I7 }& i- C/ j. E' h
      yPos = yPos;( o* c9 U; R. a7 H. c  z' \
      }; _: }6 m( ^4 h& ?, Q
   }
7 v3 r- B8 y0 h& I/ h9 l# A, ]) o6 W7 q/ ^6 I
function hidetext(){
/ y5 c2 }* [& x- Q( [& j9 d( Vif (document.all)3 s" G2 r6 b0 {# O3 f2 c' O
supertext.style.visibility="hidden"
7 Z. m5 d1 K1 Delse if (document.layers)$ b7 H& ^. }7 Y4 I8 }
document.supertext.visibility="hide"
" \4 V7 K  s9 a5 oclearTimeout(animatetext)
6 Q  {, p# T3 c% L( \, d7 L+ k  s}
. P% M8 R" U6 I5 b
$ \' Q4 o) m: q4 yif (document.all||document.layers){
! m3 n4 R+ `9 t4 q# O0 O- L" Wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# I4 p  W/ }4 p6 Vwindow.onload = initializeBall;9 I: v! E+ [# A, H* v, W
window.onresize = new Function("window.location.reload()");" w' z. Y0 a# j9 T: L- Q
}
) W+ @3 o, A$ Z, T6 H; d' K( ]5 Z2 O7 k
</script>