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

zw2004

<style type="text/css">
7 }2 o0 W/ N' Q4 f5 l% ^#supertext {
# R6 H) z( Z$ l- sposition:absolute;
+ [/ T4 w9 X' c. Zleft:0;
7 g* [: C4 U' ~% g, Y$ j. ptop:0;
: `8 e& h' ]0 Y, V. E2 z3 |$ J: V  Rvisibility:hide;$ m4 P0 O. J, u/ @" A, I: D
visibility:hidden;
1 |" T8 u" J& k9 {}) C$ N' ~- r5 S/ |, E
</style>3 W/ z! z5 x$ @1 u, l+ ]2 O
<script language="JavaScript1.2">6 A$ s% s8 S+ `1 u
<!-- 改变下的字体的大小。颜色-->' l1 D: q, F- t0 s. |$ |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ @' _: W* e, F! w  ]var hidetimer='';' P7 P% _6 M% v  \! B' L* L
<!-- 改变下的弹跳速度-->
% j! y  `8 Y! c9 p- [- ]; l) e8 Mvar BallSpeed = 20;
4 I: B) `% U6 d- ^7 b4 ^var contentWidth;
7 c" a# i1 }0 Lvar contentHeight;6 H5 P9 y5 {+ Q
var maxBallSpeed = 50;" @: O- X( j3 X7 ^: {

/ w% [( s5 C+ L2 {' I
: [0 n) Z  ^8 W( ~$ S# |5 h3 ovar xMax;
3 J0 z1 l7 R8 G" n5 J; H# rvar yMax;/ C; n1 n4 T& t7 E/ H
var xPos = 0;
" i4 g" `7 r3 M( s+ S) Ivar yPos = 0;- n/ }7 f* l5 J0 f$ b7 G2 F# h
var xDir = 'right';4 F8 m% B/ b7 `
var yDir = 'down';
  ?7 `3 t' I* X. [6 O4 y4 ?var superballRunning = true;
* u% i% M+ I  Avar tempBallSpeed;
- K( R, c; i, F' H  d2 M. `9 v+ ]( Yvar currentBallSrc;
+ M8 i8 J* |. D% a9 avar newXDir;2 F# r1 |# Z/ r; B% t
var newYDir;: P0 N6 ]' {  C+ w  c" @; a* ^2 i

' V  e9 y1 Z0 `2 v1 Z& D& ?function initializeBall() {* ^2 ~' f7 m$ ]/ H3 a
   if (document.all) {
- l/ o' J; Z$ n2 T; Y      xMax = document.body.clientWidth3 k% {. A* z, s0 ]
      yMax = document.body.clientHeight
3 D7 S; X& w' [; Z, m6 k      document.all("supertext").style.visibility = "visible";9 n! W% |! J7 r3 T; \0 n
      contentWidth=supertext.offsetWidth/ {0 `1 S* X" ~3 C5 W
      contentHeight=supertext.offsetHeight
7 `: K5 i8 ^# N: p9 B      }/ p+ P6 E; s* W
   else if (document.layers) {
! I8 A- o2 [9 b# [6 y% l. ~2 t      xMax = window.innerWidth;5 n1 k2 E: w9 T! [2 e
      yMax = window.innerHeight;  {1 X; h, [% @+ t" O
      contentWidth=document.supertext.document.width
& P" P0 o2 k+ S7 @% ]0 e      contentHeight=document.supertext.document.height1 E0 c$ G. K/ @: ]5 V/ c
      document.layers["supertext"].visibility = "show";, |. i; m, ~* G, }. ^: U
      }. O  Y' T8 d' X3 ?3 J
   setTimeout('moveBall()',400);! i: l- i0 c4 ?  g6 X) y) [( Z' q. L
   if (hidetimer!='')
4 Y9 P6 p5 N5 `  ]; m   setTimeout("hidetext()",hidetimer)6 O5 ^! }7 c5 w& S
   }
: y" l& V9 i  v' L: N0 m7 o2 T5 g2 ^) i# V) E
function moveBall() {
' f/ V1 ]: o" {& M+ A/ H# y   if (superballRunning == true) {
/ _; H$ U( \/ {. C& L      calculatePosition();# u$ Q& H# o  c& X
      if (document.all) {
' n1 {$ ]7 G1 p* S6 ]! S         document.all("supertext").style.left = xPos + document.body.scrollLeft;# f6 {" m* e. X, ?, v5 d/ o* x6 |, h
         document.all("supertext").style.top = yPos + document.body.scrollTop;0 v  G$ [5 ^, E7 Q
         }
. |) a* T1 r( I3 ]4 ?8 _      else if (document.layers) {  y& U0 V4 o* Z+ P
         document.layers["supertext"].left = xPos + pageXOffset;
/ k1 ?, s% ^4 F+ G3 d( g0 Z$ _         document.layers["supertext"].top = yPos + pageYOffset;
' K) H& z% s; ]$ I         }+ C: B! w4 G; K$ }1 u* F
      animatetext=setTimeout('moveBall()',20);
- N/ ]3 a9 M- z$ V2 |6 h      }
  j: h4 {7 ~2 ^. B% e+ e   }
3 n+ x3 b2 v; a, r. e! W& k  ^$ s' T. ]$ g9 h. |
function calculatePosition() {
' X( \7 o! e7 ?# R   if (xDir == "right") {. y; f; A, M% Q
      if (xPos > (xMax - contentWidth - BallSpeed)) {& F5 Z, \8 W# k( q& ^# e
         xDir = "left";- a4 q# G) B. b" c% p0 |3 {
         }
/ ~: m2 `6 k' e8 W      }+ b5 ~9 O* c$ A: |1 P% H
   else if (xDir == "left") {% T# g  M5 ?$ O& \6 L) W
      if (xPos < (0 + BallSpeed)) {
6 }& E- _+ ?1 Y1 f         xDir = "right";8 o+ Q3 Y, [- m
         }8 D  V2 F/ ~: v0 _" ?% h" I
      }
' v$ N  W9 D! G   if (yDir == "down") {' I# a+ E* t9 h9 r1 _8 K8 P, U
      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 O6 G9 K/ c/ S9 t- G         yDir = "up";
; H* f2 `3 `& ~3 S         }% {2 t9 V) ]# f/ e  a1 k3 U& l
      }6 `& |+ Y7 Z! `" M$ K: j
   else if (yDir == "up") {
$ V# c/ e6 o6 M. @      if (yPos < (0 + BallSpeed)) {6 M9 U1 m& v# J2 D) O, ~
         yDir = "down";2 i$ H: |, G7 u: u" Q% Z
         }
4 C6 H0 _, y5 c9 `  v      }
  r! d* a, H, K. x0 F' i6 x$ \   if (xDir == "right") {
3 S( W, \$ A/ b" h6 u  @      xPos = xPos + BallSpeed;' H  \- K% Y+ `0 O- s  W
      }/ ?9 i8 p: E, W; z' Y" S
   else if (xDir == "left") {% D  g2 A5 r8 h$ m* `
      xPos = xPos - BallSpeed;- i. y3 k3 ]9 Y5 k
      }8 r2 ?. F3 S" H  W' ^2 O) L* G
   else {0 N" d/ o; c: `$ j5 E
      xPos = xPos;: `1 L, ~: N6 c, y. f1 G, u
      }0 X. E+ ~9 Q7 g) f7 Y  x
   if (yDir == "down") {
& B5 ~' D0 e7 g2 z      yPos = yPos + BallSpeed;9 c% M2 k0 a6 L5 @% X: H" ]
      }
- J9 M  i+ V; @( K- l   else if (yDir == "up") {
, @. l) B/ O( F  u      yPos = yPos - BallSpeed;
1 v7 l% j3 l4 s; {+ R+ A: i      }
% `" W" a9 o& C- {  F# D: Z   else {8 v. U3 U2 {: L1 e5 Z  M6 Y9 A
      yPos = yPos;
+ q0 R& R- I! t# n6 a. T* ~      }
# R/ k; _! ?' c  A+ z+ o   }5 D4 _* [: u, Y0 _, ?4 l4 a

) b1 {( E1 b) p# h7 J! bfunction hidetext(){
$ F) B6 J4 P9 e! ?if (document.all)8 s9 K& C# x5 |9 {! ]7 \# r/ C' n
supertext.style.visibility="hidden"
7 s8 a. R5 d# b: E4 ~+ Zelse if (document.layers)! R6 j- J9 q) a' m6 J6 s
document.supertext.visibility="hide"
5 S# c) J8 ?3 G) s8 i) zclearTimeout(animatetext)
& G1 ?9 c* p' [8 g. {# n}
: i* `" ^: K% b: V$ r
" S* F3 \+ R: B' L  Yif (document.all||document.layers){8 N0 q: j& ?0 |0 x# `9 P/ R
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 C# N  x+ x$ G+ `$ s
window.onload = initializeBall;0 V! k6 |$ o; j" ?3 E4 Q8 Z
window.onresize = new Function("window.location.reload()");- ?7 S& A' U/ ?' a6 O+ c1 Y# H; D
}8 u. k" ~  I) |; i
- @& U- \/ l, A( X' W9 ~. c" R- C, h
</script>