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

zw2004

<style type="text/css">- ]/ k: w5 A! u
#supertext {, @1 t3 N6 r% M6 U7 q
position:absolute;# @) C4 b; y) Q0 e
left:0;
% i7 e6 W! s$ C" R& z' A+ htop:0;$ g5 f  V+ @% m0 W: v/ g" [8 Q0 [& g
visibility:hide;/ S  g7 {9 J& _$ B: w7 U) s/ }2 v
visibility:hidden;# m  @/ m$ p. Y% U9 P' K2 V
}
$ `0 o5 C  c- \0 F  Q2 ]' S; Z</style>
- I( A/ B7 b7 v<script language="JavaScript1.2">: S& `: ?. o# P
<!-- 改变下的字体的大小。颜色-->
. ?: _! E& E6 avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# j  R, ?7 \0 o2 F3 Kvar hidetimer='';
. t! I2 n1 ^  z& W9 a<!-- 改变下的弹跳速度-->
% ^; G$ j7 x8 s  u6 i0 dvar BallSpeed = 20;( C4 {1 g  u. p3 V
var contentWidth;* K- q4 x  o% T, a- r7 S6 S
var contentHeight;/ ~% q9 o* W0 u: y. X# ~
var maxBallSpeed = 50;
# L" q; H+ O0 o3 r& s: C3 k' `0 _" g7 Y! h! h" W" `

9 f+ d/ \8 T8 E* Lvar xMax;( ]+ `8 W8 S6 V& e( o4 s
var yMax;4 `/ T: e+ m5 l) I( H9 a
var xPos = 0;
6 h+ e, ]2 E6 R4 ~) V+ Nvar yPos = 0;: E6 h, L7 h6 T2 w( k
var xDir = 'right';5 ?( X( W; C2 v; I8 P& S
var yDir = 'down';* K1 N( }" W2 _& a  V
var superballRunning = true;+ f# e5 {: @: l
var tempBallSpeed;
- o8 R3 {- r) Q* Q2 n( m: kvar currentBallSrc;
# G( P& L" ]- z% q0 y" xvar newXDir;
! n: m8 u% F, t# |) f  B4 Y. Kvar newYDir;
" h( x" Q! }& X, r1 r& ~
! o4 C  x, ^6 @% w# J$ dfunction initializeBall() {
$ }$ T! J# X/ X   if (document.all) {8 s  G, t, E$ D" \7 R# n& `% D
      xMax = document.body.clientWidth3 I! q( b: m# ]- c( {
      yMax = document.body.clientHeight: V' N. H, ?! X4 A! ~
      document.all("supertext").style.visibility = "visible";
6 {2 F3 ~: g% G8 r. d      contentWidth=supertext.offsetWidth9 k% m" i6 M/ F- j
      contentHeight=supertext.offsetHeight, y1 n# B  j% x% R, Z3 A
      }0 e7 \3 T5 `2 k) a$ j' s: o1 t
   else if (document.layers) {
& h+ d: i! q1 n2 {+ ~2 J      xMax = window.innerWidth;
' x$ @1 f" G& j6 I6 m" b- F3 ]: {      yMax = window.innerHeight;
5 ?* F" U" ~# A/ T      contentWidth=document.supertext.document.width( q- ?8 P, U) X2 [! R0 i
      contentHeight=document.supertext.document.height8 |* K/ m# |' a( Y2 ^4 k, a/ d
      document.layers["supertext"].visibility = "show";
; C  r8 L$ a: \2 h9 V; {      }/ j7 P/ N( P* s2 P# t4 B
   setTimeout('moveBall()',400);$ g' F. ~5 @+ q/ u
   if (hidetimer!='')
  j- X8 k# S2 @/ W   setTimeout("hidetext()",hidetimer)( c# I. X! h! ^! o* @  T# K
   }
7 N4 I8 v/ \* ~7 H7 W. t7 C$ {' s  e( [& i- ^6 }
function moveBall() {
% e5 e0 U! ~# ?, ]. H* g   if (superballRunning == true) {2 b( i4 L2 Q0 f. n& w, I
      calculatePosition();4 }% Y/ Q- o) b5 H
      if (document.all) {* y: ~: f: _  i, _  _, O. J
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* L6 n5 P- U4 G- L* ~/ E
         document.all("supertext").style.top = yPos + document.body.scrollTop;
, \0 n/ C5 b% |; m         }4 I! y- Y. d- N+ d9 }
      else if (document.layers) {( J7 z" ]8 S- t2 n
         document.layers["supertext"].left = xPos + pageXOffset;7 I$ m/ D! J. G
         document.layers["supertext"].top = yPos + pageYOffset;* T; x- H5 ^/ z0 c! H
         }; e$ O# q% }# `6 f2 X$ o, U7 T' f
      animatetext=setTimeout('moveBall()',20);
% c4 m% |  w' i; R      }# Q$ {: j! M; X! B* I% R. h
   }! U% r3 @" g$ g+ [5 [1 P3 }# U
# g5 b7 |' i, w' s3 N
function calculatePosition() {0 a* }9 W& t1 w) Q3 W
   if (xDir == "right") {
. _* _8 y+ e4 Y# \6 ~      if (xPos > (xMax - contentWidth - BallSpeed)) {( `0 \% n  D, [' |
         xDir = "left";
) W( N8 P! [$ [         }
6 O/ P% ]3 f& J' O- n      }
8 F" @0 ?- P/ G" I$ ?  o+ L7 \   else if (xDir == "left") {
! H% G$ t. A4 W( u      if (xPos < (0 + BallSpeed)) {' W9 _3 x1 |, O& w
         xDir = "right";
' C0 e: e6 z5 e3 s& u- _9 N         }
" @3 X( B) z# K& x% A+ g      }
/ E  \: a- A( ?2 ^! o   if (yDir == "down") {
( I% U; r0 {5 c& U# ^$ s      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 ?% v8 N$ D5 W4 g         yDir = "up";5 Y0 M  t$ J$ [5 q/ x
         }
, |- G: Y6 L8 `! c8 u      }, V, B) g- _9 B
   else if (yDir == "up") {+ K/ s* r) R5 ^1 o0 i
      if (yPos < (0 + BallSpeed)) {9 F9 n. Z; N3 |0 V" B& l1 {
         yDir = "down";+ p8 ^  j$ J- h4 @3 x
         }2 o2 B0 B- g4 `, w3 i( p  p2 L! t
      }$ g( B: P4 q2 a* f/ X0 ?+ R
   if (xDir == "right") {& V- l# l- y2 T
      xPos = xPos + BallSpeed;. o! n- G+ k' y6 d
      }" ^- i- @# ~: K9 P5 J- k
   else if (xDir == "left") {
* n1 F& T0 H) v8 M% g      xPos = xPos - BallSpeed;
1 E3 _0 A4 g; f+ d      }
/ s! K) {3 h; G# C; \   else {
9 V1 H! ~& \8 d! w8 `7 ]- v5 t      xPos = xPos;
0 f# s* p( m9 T  G5 V1 H+ O0 e      }
% r) s% o9 v+ ]/ r/ }- K8 m4 Q   if (yDir == "down") {6 h5 g7 f* t' y, t  ]
      yPos = yPos + BallSpeed;
: |* U" T3 r1 Y& V      }
4 h0 n9 R, m' F% k* b" m: u   else if (yDir == "up") {
6 u0 i* B) V! x3 p      yPos = yPos - BallSpeed;
# y$ }2 k  l, Y! d' A0 n      }" Q5 k; J0 P" }, e* \
   else {
4 Z: r5 i# T' F# l      yPos = yPos;
, g  T. B; l! b. x. L      }0 t8 {# J6 T4 Y. e1 v. f
   }8 b# Y8 E  q; J# \% B- o( B" n

1 ?- B4 o0 J: W; L: v5 n, F8 _function hidetext(){7 q+ d* Q( E1 m' ]: g3 M  g
if (document.all)
0 l, B* G3 V: ]supertext.style.visibility="hidden"3 k$ I6 Z6 I. e2 [: r
else if (document.layers)
; s8 M- Y  F  g. U. @document.supertext.visibility="hide"- Q/ }3 C' \* I* p
clearTimeout(animatetext): r- g) I& A9 [) F
}2 G# j. ~* v5 b* S0 u

$ a" X) I4 Q; o5 }if (document.all||document.layers){9 o9 e# S' j3 M2 l# H5 I' ^+ ]% z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 W5 ~3 p# v: [# K# Q! _window.onload = initializeBall;
5 n: v( K8 A$ D& x0 Y1 G$ K2 d, Zwindow.onresize = new Function("window.location.reload()");0 @3 B2 T! R) ?; N5 y" s* ^; l1 N
}# ~" D& G7 n5 [; M5 \- m$ R, G; Y& Z

* o3 z) y* o" C8 A</script>