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

zw2004

<style type="text/css">
1 q/ A% T2 G5 e0 p7 V3 U, j#supertext {
0 {8 |" U9 y$ V6 Z6 n$ m0 H" u+ g' pposition:absolute;* V* C% }& x# X
left:0;
9 k  r$ g5 l+ E4 x% l0 O/ itop:0;3 b5 ]& a5 i2 ]4 W/ P  G( k
visibility:hide;
0 i  ]5 @1 F) v6 Ivisibility:hidden;7 ~. `5 z8 D4 z/ G! l4 \$ t4 \
}3 L2 L: v+ q1 d! S* y2 X
</style>
/ `  e' a4 @# k( r<script language="JavaScript1.2">% q$ F; x! f1 r/ a
<!-- 改变下的字体的大小。颜色-->
5 H- S% \& V6 O6 X3 F1 _+ Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 S6 h6 B3 S( d; P# Kvar hidetimer='';5 }& R( N$ U0 k
<!-- 改变下的弹跳速度-->
4 h6 F, K' Y9 C% Qvar BallSpeed = 20;
, {! K. x  o. a. Rvar contentWidth;4 v4 r+ |+ L; w' E/ T- l0 s
var contentHeight;. }6 d6 l8 a8 {* y; p* Q, W
var maxBallSpeed = 50;+ f1 e6 r" Y" v* \/ a5 z' i& _
, _0 d8 Y  R) F1 x

* a& K0 A- s6 g8 `! T* ^& }! N5 W& L) Vvar xMax;2 {1 ^+ \/ v# |. F% N/ v
var yMax;
2 C( u, t9 B+ U/ r) s  a" uvar xPos = 0;
# \% a& ?6 l+ Rvar yPos = 0;
. Y8 r/ Z" S" ?2 f/ }5 Wvar xDir = 'right';
; j# I# A5 J0 ~var yDir = 'down';
9 H4 ~. T( D% t+ Rvar superballRunning = true;
4 e8 X# _4 W, gvar tempBallSpeed;' c( q/ v! m% T  Q$ c  c
var currentBallSrc;
+ g$ D6 [4 V! `! e2 \. mvar newXDir;  V: E" v- Z( e6 c
var newYDir;
4 e1 A6 C, C2 Q6 d: V9 k1 c7 F% p: s9 K* g7 a0 @, S
function initializeBall() {
3 ]2 q6 O  x" s4 H$ v   if (document.all) {
- j6 O( U: f9 R' ~      xMax = document.body.clientWidth9 d# B# z% q$ H: r* _6 B% L
      yMax = document.body.clientHeight
* ^* U3 G/ X, k1 r5 w* |: m      document.all("supertext").style.visibility = "visible";
& {9 N9 Q2 P5 w2 B7 Z" K. ?      contentWidth=supertext.offsetWidth7 [: n$ |" o, ?: w3 W% o
      contentHeight=supertext.offsetHeight
- _7 C; A9 q( Y7 X! a      }
7 v1 ?8 Y: t  n" B8 M   else if (document.layers) {/ g% _' L. A5 m1 c
      xMax = window.innerWidth;
& j$ f) X2 T& x- w. A! O      yMax = window.innerHeight;( K3 L4 J! t  @- z- `
      contentWidth=document.supertext.document.width
$ x% \( F) v( U; u      contentHeight=document.supertext.document.height
. Z& o# ?+ |: K      document.layers["supertext"].visibility = "show";/ p2 e. ^1 g& A6 Q. E
      }
6 U: X' c3 R$ R* T- l9 h/ {- N   setTimeout('moveBall()',400);
# b  Q2 \4 z3 \1 ?+ {% o- C   if (hidetimer!='')
' Z8 Y& T/ Y$ f; ~: g8 J$ r1 v" D+ \; h   setTimeout("hidetext()",hidetimer)
* @' ]8 e% \/ h  Y9 j6 i   }$ x) @9 T  h% O* A) n
. x2 K/ o5 r( }( V, \
function moveBall() {5 a. b5 I% _5 ^& p
   if (superballRunning == true) {
) b& T" `5 x  [$ g! H      calculatePosition();
  k8 |, v6 _5 l      if (document.all) {7 S" T+ K# \) w7 N5 J
         document.all("supertext").style.left = xPos + document.body.scrollLeft;! W7 }0 f, Z: S
         document.all("supertext").style.top = yPos + document.body.scrollTop;0 l/ e2 K+ |* ]0 q4 o6 H
         }. X1 u, ~+ c) `) o. Q2 H
      else if (document.layers) {
% ?# G! @5 U, k3 n# f# u7 G5 w         document.layers["supertext"].left = xPos + pageXOffset;
7 {3 l0 ?: `! r7 B. e( F& q         document.layers["supertext"].top = yPos + pageYOffset;) y% |& R& i  x9 {, t
         }, A0 `+ F* I: ?
      animatetext=setTimeout('moveBall()',20);
1 h. d0 H2 S# K& D# ]1 I6 y      }) ^" ~" x) T3 {/ I- x9 h% ?! j
   }
0 C. q; D7 L6 k  I8 W
) e* k* R( b9 I% ~& |function calculatePosition() {
; O2 F2 B! D! D2 H) V# i# c   if (xDir == "right") {
+ ]7 W# E' ?+ f: D      if (xPos > (xMax - contentWidth - BallSpeed)) {0 K. k# r1 i, d+ V0 g+ g5 S; O
         xDir = "left";
& W$ C$ ~% I* u3 Y. i. j         }
/ j* p  G: I/ ]5 ^1 y      }3 ?9 u  m0 l+ s# Y8 T/ n
   else if (xDir == "left") {& L& y8 W0 y' y* N/ P4 H3 M& M
      if (xPos < (0 + BallSpeed)) {. C7 w1 c7 y: O; ?/ [3 t
         xDir = "right";
" c8 O% l- w  A" W, G) Z& e         }
4 z+ _4 l3 s" D5 K: I      }# x) c+ D% r$ s3 W* K1 e
   if (yDir == "down") {
* {/ B% i; w: ~7 Q      if (yPos > (yMax - contentHeight - BallSpeed)) {; W3 z$ n" N, Y# ~
         yDir = "up";1 y2 A3 c* q5 P) X3 E+ Y8 e( D
         }
2 E8 a: }/ q; o2 R6 ?      }
6 |' w6 _; v) Z   else if (yDir == "up") {) n+ ^, t2 q# j1 s5 U
      if (yPos < (0 + BallSpeed)) {# z  f6 E# c, d6 f* F" U
         yDir = "down";) Y6 e) v5 Y2 u- p. W
         }3 K" ~- ^0 V* t+ A0 ^
      }- Y2 S2 z5 G1 x% a9 g: }
   if (xDir == "right") {
  G# P4 s$ c  C% J$ X$ w2 g      xPos = xPos + BallSpeed;; P. @* F7 o3 z/ R" a% M) M% p
      }9 c+ F+ g; P' S2 _4 I( \% v
   else if (xDir == "left") {6 Q' Q" p' W& F( l
      xPos = xPos - BallSpeed;
7 i/ V* [/ N# `+ U- u. y  g# c      }. ]( Z& z& T" z$ Y1 k: k1 ~9 }
   else {- Q  l; s3 K) `4 Q3 E; S( D/ P
      xPos = xPos;8 f. O4 r9 [! d3 ?+ u; j  @
      }
; g) r0 \6 S: m- F# J8 ^/ }' M   if (yDir == "down") {
. J) V4 t4 Q) x8 n0 x/ o      yPos = yPos + BallSpeed;7 X& ~# J, y4 [
      }
) B/ k" S  `+ M( k) d% Z7 G* A5 Z   else if (yDir == "up") {% t6 a, A0 T/ V  o# m  g. N
      yPos = yPos - BallSpeed;
. S7 ]6 a7 W' o      }
$ n- z- X* ?% F# W   else {- O+ k. _5 Y2 u1 u4 u) z, [
      yPos = yPos;- Z+ u& \! G0 Y# [) y
      }
3 a0 E, X7 ]& C+ S- S   }
: R1 Z6 f# D4 L0 u' f# j! f- l& O& t( i/ e1 n6 R
function hidetext(){
; ?" K% a% {8 tif (document.all)# m9 [  Y, W, t$ m+ r2 z( `8 K) o
supertext.style.visibility="hidden"
3 b( O' I' i  x/ H6 Pelse if (document.layers)
5 }1 q  V9 Q4 f/ D1 {/ U5 U; Zdocument.supertext.visibility="hide"
1 J) l0 i9 v: ?* |clearTimeout(animatetext)
* W8 y! K; Z7 R. {5 T$ a" s, A}) Q3 E% w& J. [+ m( C
5 K8 ]  T; n) q, m0 h
if (document.all||document.layers){5 ~5 |0 F, q$ n, A, Q; i
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 K6 ?$ v$ F1 s* T" G0 wwindow.onload = initializeBall;
: b2 i8 `: W1 t4 B2 U6 pwindow.onresize = new Function("window.location.reload()");! q% m$ Y# _0 T5 h0 a2 o1 z
}) |7 R; {! B/ f/ W& a3 }5 y
! N  {/ S" @2 @, h. B
</script>