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

zw2004

<style type="text/css">- p, ^( p0 M/ W% x5 E
#supertext {
& j# u' ~5 m+ V& p5 i/ eposition:absolute;
3 y6 w9 C! Y9 D6 r, I3 o# Eleft:0;
4 Y2 b3 t1 R% h: ~! z( q+ r8 D* Utop:0;
% `# [  z: j3 }1 O; C+ p# `$ B7 kvisibility:hide;0 K% |& f# h8 O5 u. t
visibility:hidden;7 t9 d* L( g& @: F# l; ]
}4 y2 @" C: m" M
</style>
7 K9 S+ t: c6 W, u# k; I" u<script language="JavaScript1.2">
' ?* S/ I: f+ x) g6 Y; ^0 U<!-- 改变下的字体的大小。颜色-->
$ S, ]' @, `9 e1 {- Z9 Gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' P: {) r- i$ {- d0 ~var hidetimer='';
3 q; [, F7 w" d* f0 ~4 L- k2 E<!-- 改变下的弹跳速度-->
+ A" K" O/ R- D+ N% z1 D7 jvar BallSpeed = 20;( J( M: G4 c. ]+ g
var contentWidth;1 h) W- H+ v) B: ]2 i3 ~8 x3 v
var contentHeight;2 e0 a. T5 a9 Z3 u* y& h
var maxBallSpeed = 50;+ d0 A4 I7 O- }# D/ {

! p/ V8 W, w) X  `& q  a) m) L* f/ W1 {% {. |) P, N$ |
var xMax;7 k3 g! d+ @% T0 f
var yMax;/ t( ~2 ]& h% g3 z
var xPos = 0;
% W  q6 G, x* `, [  Kvar yPos = 0;- B" J: Y6 B2 O4 U
var xDir = 'right';
/ I  F9 T5 e/ Q' Gvar yDir = 'down';
0 ~" J0 _3 ~' N5 b# Y+ Ovar superballRunning = true;4 N  A7 f- G8 ]( P4 k, e9 a- d
var tempBallSpeed;
  @: o7 W; j! R6 Z& svar currentBallSrc;3 V5 q' I! L7 j% y5 F
var newXDir;" {- C5 t1 R7 R+ d8 j$ w
var newYDir;
6 E8 }4 h8 I4 u; d; ^% ~1 G9 p- Q# b! N" O4 w3 W  E+ f
function initializeBall() {9 F7 r6 |/ F6 ^  {8 F% ^; M4 T
   if (document.all) {
" O6 }3 Q) u' u1 A      xMax = document.body.clientWidth
9 F& D6 L. \% K% t      yMax = document.body.clientHeight( L/ {; y. S! @( X* [2 w
      document.all("supertext").style.visibility = "visible";
* y8 e. t2 K% a) M, b+ y7 p      contentWidth=supertext.offsetWidth8 U: T5 a2 i3 {( b* s/ w4 d" z% c
      contentHeight=supertext.offsetHeight
4 _" m, B+ u6 [$ u# o! n( o      }0 T8 K/ e4 i. O( Z7 f5 t( g
   else if (document.layers) {6 Y9 F7 k5 ~# Q. m
      xMax = window.innerWidth;
5 f$ x( `4 ~( m3 `) @9 a+ E      yMax = window.innerHeight;
6 V+ g* E( B: r. p9 o      contentWidth=document.supertext.document.width
7 t1 r+ O: I: e      contentHeight=document.supertext.document.height
7 e/ k$ ?; I4 `+ Q% |) ]: m      document.layers["supertext"].visibility = "show";
3 H( Q0 @5 n: J! i, k      }4 j  _" T% m2 Y9 X2 y1 a8 [
   setTimeout('moveBall()',400);
0 D2 K* O* p# \" w" v, ]   if (hidetimer!='')
8 e" d5 n: r+ t   setTimeout("hidetext()",hidetimer)" l; A+ y! W4 D" ?. e$ O
   }
- d) v6 s. @0 c# ~2 W# c& y7 j9 u' @
function moveBall() {! E% B* Q2 m' R5 w
   if (superballRunning == true) {6 y7 E7 R1 [+ Z3 q
      calculatePosition();( B- [* j6 i% u
      if (document.all) {/ o9 `: t4 n# _8 T$ ~; \9 F
         document.all("supertext").style.left = xPos + document.body.scrollLeft;; q% X& r8 E. F
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 ?, C' Q/ z" T8 G* S         }: f  N, K5 P. e4 @3 j: i% w& e
      else if (document.layers) {
7 r+ ]6 x# o- b8 n         document.layers["supertext"].left = xPos + pageXOffset;
  A" A1 V* r$ L9 `( Z         document.layers["supertext"].top = yPos + pageYOffset;+ C# i8 P( }+ {5 J# q/ k
         }8 ~& F1 I: b( o. m
      animatetext=setTimeout('moveBall()',20);0 S) U+ F6 C+ D2 A: N
      }3 h8 D" G* U6 Z# Y) c* Y
   }& f+ s9 F+ ?- G) C

' U$ S2 C" U; y1 dfunction calculatePosition() {2 L: V6 M( b: v0 L
   if (xDir == "right") {
- t# h3 K; ~$ \& g$ g0 F0 K; R* c      if (xPos > (xMax - contentWidth - BallSpeed)) {4 ~/ ?5 H! \' @
         xDir = "left";# O% I4 U. j$ g- }" L
         }% ~4 |, U* f" m# K+ Y  @
      }$ i: T  W9 F, W0 m
   else if (xDir == "left") {
5 ^/ [' a- c. E# W      if (xPos < (0 + BallSpeed)) {4 x' U, H) W' \7 a  G0 D) E- A
         xDir = "right";* S  j$ p/ j* B, C
         }
2 v# V* x9 y6 |4 e5 l: k      }" u! K/ l$ {- E1 W
   if (yDir == "down") {4 n2 n8 R; g5 t, G* n% Q. W
      if (yPos > (yMax - contentHeight - BallSpeed)) {5 b: N0 I, O" q. h9 q
         yDir = "up";% D! Q$ p+ c( v2 G9 j  n
         }- ~* U6 ~- U6 I1 h1 S; o
      }
! T! B- p6 F* G   else if (yDir == "up") {* I; L# I# }9 L; s$ ?8 C
      if (yPos < (0 + BallSpeed)) {
" U5 Z% C0 \+ D7 O/ j         yDir = "down";' }* T4 n1 k( r7 ~) U! Y: n  D2 \
         }% F( D; `& @$ B6 b
      }9 B4 o* g+ ]% k+ }2 y7 X
   if (xDir == "right") {, q, U+ b0 j; X
      xPos = xPos + BallSpeed;/ P$ u& |  r2 a
      }
% r- E  P+ Q) M9 ?   else if (xDir == "left") {
- U* S" O" a6 l: O# E4 V0 ]. E* z0 ^      xPos = xPos - BallSpeed;
; }9 \3 [4 d% l4 q' S      }4 G) j8 A( c. Q! ]3 Y9 S6 i( E
   else {
5 H0 z9 I; I- `4 y      xPos = xPos;
9 N- W; x2 M. K" j  q) B, I; c% c      }# C8 F2 S# ?' n$ T! f$ C
   if (yDir == "down") {( e# ]* s( {6 a1 H
      yPos = yPos + BallSpeed;
- q8 Q% |: U4 f      }& f5 g/ q2 ?( l$ l& h
   else if (yDir == "up") {
% S! e; R9 M7 ^1 K      yPos = yPos - BallSpeed;( I; c7 t) Q3 m" M2 i; H
      }
. |* a6 X0 u  v9 V; _2 l   else {
( L! \/ }1 d4 d      yPos = yPos;' N8 I" m, t9 f: \' `* }# d9 K
      }
& W* t: Q) t* j+ b: k0 k   }5 k- k- i0 [. V+ l

& r7 G4 S; ]4 [; y' P3 qfunction hidetext(){
& [; M0 G- T3 Hif (document.all)
$ D( s* `2 ~, {  J5 dsupertext.style.visibility="hidden"6 M5 @" `" I0 t' C! ^# I
else if (document.layers)  G, d/ o+ D. o, Z
document.supertext.visibility="hide"( g& S8 p$ b6 e; G
clearTimeout(animatetext)  W  K7 v" {8 @1 A  o+ W
}
: Y. a3 \# H! U! E! `1 u, K+ |- j+ M+ e3 u; Z+ O5 L
if (document.all||document.layers){) G5 \7 Y8 t4 t* z) {+ Y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* g$ n7 `$ K9 T8 ^& h2 bwindow.onload = initializeBall;
2 ?. y+ P% W+ e& O# R) Jwindow.onresize = new Function("window.location.reload()");
1 v+ u4 ~7 u! S}
8 w: {  d9 |3 C5 g
/ p% T. D- b& ^1 V; y; Q</script>