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

zw2004

<style type="text/css">
7 v/ {9 V6 D+ Q* r0 M  s#supertext {
3 V# D: }) ]$ e: v: }6 W/ V7 Jposition:absolute;
& X# N$ g+ I& K, E+ o6 x9 h" b* gleft:0;
; l7 b! `. Z: X" ~$ b# ltop:0;
3 z2 q' ]# u. {/ \2 nvisibility:hide;: j) F* O1 N' }3 U, w4 r
visibility:hidden;
9 _7 f  o# r/ O" V- B; b. D, N* ~}. R" n8 r1 |6 g  B
</style>
% G" t  S1 G5 w. V: x. a<script language="JavaScript1.2">, k4 ]3 d  v8 e2 }
<!-- 改变下的字体的大小。颜色-->4 L- w6 y& c4 [. I/ u1 f
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 m9 i1 ^; ?, F# z( X& q0 r4 pvar hidetimer='';/ a2 @) Z' \2 x3 p# [
<!-- 改变下的弹跳速度-->7 m5 z+ {1 o0 V7 g5 ^- l
var BallSpeed = 20;
* p2 ?2 d% i, L; }var contentWidth;- c7 c7 u: d# N6 g
var contentHeight;
) u  Q. e- H! k# g  pvar maxBallSpeed = 50;* S3 p1 J7 n: T7 U. [. B# Z

( f' Y, C- S: Z+ h4 {" \4 \1 ~2 t3 E
var xMax;
! B) |) G0 c; o- z5 Tvar yMax;$ z$ k4 B! k8 @
var xPos = 0;
+ P$ g' C/ B+ n6 K+ Avar yPos = 0;
( n7 Q, N4 t/ U- Y( S+ k" ovar xDir = 'right';7 w; x/ f' u9 C9 ]2 ~
var yDir = 'down';
% J6 c- X, h4 P1 |var superballRunning = true;
/ h, x" D( R, l0 i& Kvar tempBallSpeed;
& `6 K9 b3 d0 j; u, S1 R4 d2 b3 Wvar currentBallSrc;3 G' m* y+ p* [* \3 J; X$ F/ Z
var newXDir;
* D/ x4 E  b) {, a# [5 _var newYDir;3 E  z& g$ N6 q: U5 C

$ C, d+ B  ^; E& _* u& j' Yfunction initializeBall() {
; y4 a+ L9 K- M5 m% G" g   if (document.all) {
/ p; Y# @7 a' h' R      xMax = document.body.clientWidth. E9 @! o+ Z- ~3 J9 v
      yMax = document.body.clientHeight
$ b/ g2 o9 i4 _/ d' E( G7 U+ p      document.all("supertext").style.visibility = "visible";
7 D. N# L$ ~* P) K, J1 F      contentWidth=supertext.offsetWidth
3 R& Y( c( n* }2 j! v6 m4 s      contentHeight=supertext.offsetHeight% }2 i& V" e  |$ |' \7 Z8 [
      }6 u% {) E# b" e  o! y
   else if (document.layers) {
" m! f+ @: B; h9 I      xMax = window.innerWidth;0 k5 `4 ~: \* C! T
      yMax = window.innerHeight;; k5 Z) G4 T9 o
      contentWidth=document.supertext.document.width3 z" f4 Y! A! }5 R' I
      contentHeight=document.supertext.document.height; p; f. I6 m6 B9 w
      document.layers["supertext"].visibility = "show";
- t+ u$ {/ O$ `; I1 O! j      }
# U; `8 h2 ?' M- Q, h   setTimeout('moveBall()',400);; L2 ?; B0 ?" T
   if (hidetimer!='')  [2 o9 J. E; ~. Q4 C
   setTimeout("hidetext()",hidetimer)% O/ ?( I) U; _0 v6 ]; n
   }( D/ G2 h3 Y; s% l1 J0 e
" d8 l! o; |! w; \& c
function moveBall() {0 V& Z( J8 y) Z# I' |( S1 P
   if (superballRunning == true) {. R3 H  e" ~/ @+ V% }9 ^$ t# f
      calculatePosition();. ]3 Z+ x6 r: p+ S+ A" q3 [
      if (document.all) {
0 Y9 h: ?, U0 B* u; ]' A& g         document.all("supertext").style.left = xPos + document.body.scrollLeft;# {& Z6 T- I, }  @! {
         document.all("supertext").style.top = yPos + document.body.scrollTop;0 p! F$ I! g5 v: p
         }
5 O+ n# S( h4 s- }$ l9 |5 e6 d      else if (document.layers) {  c2 N  k& g$ j0 I; i. ^3 f
         document.layers["supertext"].left = xPos + pageXOffset;
/ R7 ?- M# h) l3 e         document.layers["supertext"].top = yPos + pageYOffset;8 ?$ y, ^% B6 G: a; n
         }
. Y6 Z9 t- D7 r! _4 M4 v      animatetext=setTimeout('moveBall()',20);! a9 e$ j6 X- X0 A
      }
9 j0 o. B8 n$ ?6 O: K$ ^   }9 B7 k# M# z! D$ @: `6 B0 h* J+ x
  A( a& z; t6 ~+ P& v& I  H: k
function calculatePosition() {
* }5 v6 D9 I  R' X* n/ ]' @# H   if (xDir == "right") {$ ~" |1 U; t- p7 D0 S
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% V& G# @3 M+ O; z+ y5 _; ?% G; L         xDir = "left";
# r; y0 C" I- }  F  h  @9 n$ Z         }" L* u, n" g2 w1 Q
      }
$ T& {% v; r- W$ g; t$ Z   else if (xDir == "left") {
& [( g) B+ {+ `6 x, P' \: J6 [# N      if (xPos < (0 + BallSpeed)) {1 d% G6 G8 E8 J3 T) S; i& L
         xDir = "right";8 }' d' |; {2 g: c6 ]& N9 z' c
         }$ f) I, y0 ^) T/ x1 o8 o) B9 f9 @
      }3 O9 w( ]3 }; v5 y
   if (yDir == "down") {7 C7 `* I3 f9 f8 ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {! x( o+ L" B5 h6 d
         yDir = "up";
, Z+ N  I9 B) ~5 C( A& z         }5 b- m6 a5 M( [
      }
: _# Y  m4 e4 ~& T! ^/ G5 c- I8 L   else if (yDir == "up") {
6 k9 u) Y3 n! d8 L$ `      if (yPos < (0 + BallSpeed)) {1 ?# i2 K4 E! c: u$ ?( I8 C7 F; }
         yDir = "down";& D  q7 n1 Q# W! D
         }1 d/ H% O3 E1 U2 D7 h8 H6 D
      }
$ p$ h1 J8 u! b0 ~) o6 X0 E   if (xDir == "right") {
1 ]' d' a( z0 S6 {& B      xPos = xPos + BallSpeed;
, k1 a. S( s6 c; L      }7 N% L* t5 p0 R0 ^" b; D: ^) t
   else if (xDir == "left") {
5 _3 T4 _7 f( A* w* t      xPos = xPos - BallSpeed;
1 w9 f( D) Y% h% ]' f; v& J3 N      }
- L3 A' u2 u3 o5 ~; H% t  }   else {
9 x/ y  c5 c& b: Q) L. b' D      xPos = xPos;: w4 x4 \1 _" h; X. W" y4 m
      }
8 R  v/ E& u# B! ]$ s3 {   if (yDir == "down") {2 R8 z4 y# v1 E3 C
      yPos = yPos + BallSpeed;& ^1 }$ o  Y8 j
      }' L3 R* \: E) Z% X
   else if (yDir == "up") {
& i3 x. ?3 S8 b8 |7 C4 p      yPos = yPos - BallSpeed;. J  N5 J: \; A1 V; V9 W
      }
; o! _2 m$ Z. Q' K$ ~. Z! I3 \   else {7 d# p- ]2 G, n- i% j
      yPos = yPos;# ?& i7 v5 A# B; d3 s
      }
3 M7 ^; |  b3 a5 r3 h$ y+ A   }
( N$ |+ O9 w$ p0 U5 H2 A
, I4 ^% P6 M; C- {/ zfunction hidetext(){
- c' c, P% k: b" vif (document.all)
% y1 s: |, C3 g* [/ O: psupertext.style.visibility="hidden"
3 C2 l  ~% j( S- ^else if (document.layers)2 s1 v' S: A$ X8 C: f: k+ A
document.supertext.visibility="hide"
$ ^- d" M- Q+ W% B& FclearTimeout(animatetext)& O+ n+ ]. A, n
}1 k1 |8 n  S3 d' X% u

# F1 t% B( L1 `& a% o% |if (document.all||document.layers){  L- m$ _2 o* s0 r$ N' P! ^2 i: M  r
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 e0 d7 D5 i( ~9 pwindow.onload = initializeBall;9 R" k1 Y: c7 h: e6 i
window.onresize = new Function("window.location.reload()");
. O! C5 f4 ~5 R}
: |) p4 P( `" i9 i( F
# b$ ?* a. ]" H( f1 D</script>