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

zw2004

<style type="text/css">
. d7 \% e0 v2 W#supertext {( n7 ^+ o4 ]; [3 l$ M
position:absolute;2 ^. R& F; p) Q" y/ e3 o# E
left:0;" w# w; N; A7 t" }5 ~4 h8 w2 F
top:0;
( @* T  d% l: w& x1 f! x5 I. tvisibility:hide;: H: G- l( V( o# O8 x' I0 ^
visibility:hidden;
: [  z! m- @! P) V3 l0 ~}
8 i/ f3 j, u; J. v2 z7 P3 E</style>
8 b, u* s) [/ ?$ j  S7 g4 i' _! L, S<script language="JavaScript1.2">
7 E/ P( m/ i$ W; H- T/ \) Q<!-- 改变下的字体的大小。颜色-->
- w, t& ~3 U1 z1 O& m( Q7 e0 rvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: S, M8 [3 K# g& l1 lvar hidetimer='';1 A: A0 l7 z2 B# l1 t
<!-- 改变下的弹跳速度-->
3 u- c1 W% z0 b, fvar BallSpeed = 20;
0 \4 Z4 x3 D: {& `var contentWidth;
2 Q% B) G) |+ |: b. Nvar contentHeight;7 V4 X. D5 f" J- \2 B2 q( l
var maxBallSpeed = 50;9 J7 C3 G1 i& Z7 [+ G

3 }3 l* J' U5 F1 s: E1 m! J$ M7 J* m4 i% _
var xMax;8 ^0 T. ~; u  }8 _1 l
var yMax;
  a; q; H1 X+ d3 U6 \var xPos = 0;
$ \1 A. \& U  M* h+ kvar yPos = 0;
8 ]. f# K0 ~* [' O# ]; I/ B, K' Yvar xDir = 'right';; i  r: E; G/ s2 q8 k5 Q
var yDir = 'down';2 Z2 k, x/ Y  G! h# o
var superballRunning = true;! d# n& ?- D7 m" ]* O5 S
var tempBallSpeed;
9 m/ P# F, x- N& j+ b8 |6 yvar currentBallSrc;
6 _. P/ e/ n5 j- f) g6 Uvar newXDir;2 v- l- x$ w. a3 n% ^; z
var newYDir;4 r5 l1 S+ e6 I( ^$ e. |
" L" z. ^) y  H9 D+ ]) K/ Z
function initializeBall() {2 `/ W# v0 E* G" L
   if (document.all) {
" W1 I, ~' C! U) `6 Y/ }      xMax = document.body.clientWidth
, v: J5 _' I1 C( x! Y7 N( B- a1 G      yMax = document.body.clientHeight+ n, T3 r. U$ O2 P
      document.all("supertext").style.visibility = "visible";( t8 E, V+ I" A; P6 @1 Z
      contentWidth=supertext.offsetWidth
, k- d7 ?- l8 W2 s/ }: R      contentHeight=supertext.offsetHeight
7 Y* n4 ]7 f& n1 r3 O! w      }/ J$ r7 ~; s; G0 w9 t
   else if (document.layers) {( R1 W$ I  Q/ Y6 C
      xMax = window.innerWidth;
! b$ ~9 i4 ~6 B' _      yMax = window.innerHeight;
4 P  E" Z3 A: G% X& I      contentWidth=document.supertext.document.width: S) i% D* @, B* C
      contentHeight=document.supertext.document.height
& i8 L* [7 K1 l( D1 _      document.layers["supertext"].visibility = "show";
5 ~, q2 ^( _& ~- f7 b) |, E      }
5 B. p! C0 a9 Z8 Y: J2 i2 ]   setTimeout('moveBall()',400);
# h* T5 c, y/ _3 u. [   if (hidetimer!='')) O/ O/ x* f  M2 x; T" f
   setTimeout("hidetext()",hidetimer), g. j! r2 F9 C( w
   }0 N( n0 ]5 ^) X3 X" d. H
, g# M2 f! ?7 e3 W* w% X
function moveBall() {# R0 e" [7 k% q* Y# p8 u
   if (superballRunning == true) {
. R8 F$ J+ I' f: f" F8 M& e      calculatePosition();  n2 [2 @! L2 o' r8 |6 _
      if (document.all) {. R5 N0 n$ `+ m" O8 S& H: H1 |/ F
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  P3 O* G' d2 |9 s$ P         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 G% U  F" w# @+ g         }
5 w# p. f/ [$ Y  T# C. i      else if (document.layers) {
/ F$ h( r( @1 ~& {: R         document.layers["supertext"].left = xPos + pageXOffset;. x2 y7 v( @- \; f+ I, N8 u
         document.layers["supertext"].top = yPos + pageYOffset;3 ?. y# N; k: y( g# V
         }
8 W) [  e# Y8 C) M" E" i0 s      animatetext=setTimeout('moveBall()',20);
* ^7 O2 l( N8 @* W* H6 O2 h      }
# |, Z1 }4 J; w. E4 d   }) J( T1 S5 {+ `- K3 U* }) N! n7 d: r) H
6 ]8 A6 B& q1 L( Q. s- c
function calculatePosition() {
: B9 S0 P! a& Z9 d7 Z4 V! l8 b$ y   if (xDir == "right") {0 }, b% F1 X# _  r/ Q! M6 @4 P
      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ s% k* o$ X$ s         xDir = "left";" J, z3 W# e. x$ T, E( j
         }
  M' T, D2 Q% R$ M      }
+ P# x7 i/ v$ X, f2 e   else if (xDir == "left") {# v4 o) i/ m% s3 |
      if (xPos < (0 + BallSpeed)) {
3 E; z! a% ?+ a6 \" _1 @- k         xDir = "right";
8 T& R" X% t  i% d* v, `4 r( r( A5 u         }& N# d: g5 j) z. j% Y4 N
      }; ~% D7 H; G; n2 p. X3 n/ X' G- A
   if (yDir == "down") {
% I1 B  K3 g0 E      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ @. e# E( k" p         yDir = "up";9 r6 D" Q" ^4 b6 O% G
         }
; W+ A. {" r( a7 {0 V% o7 \      }7 q' [2 m. D6 E# g
   else if (yDir == "up") {/ B- Q$ I( p/ b4 x' q
      if (yPos < (0 + BallSpeed)) {; F! G4 |" M. [) p) P
         yDir = "down";: e* {9 C  ^  {* X$ V( ?) _1 {
         }1 M. J9 c5 V9 Z1 X' m- ~( d5 r
      }
! i6 S, v3 p9 U( H& I9 B   if (xDir == "right") {. P, R( @' t" m8 }  v% d
      xPos = xPos + BallSpeed;. H/ f: x, w, X+ B& k
      }% a* y5 s5 \# v# L4 G
   else if (xDir == "left") {2 f9 h. a3 V* V8 \. K( V8 c4 J
      xPos = xPos - BallSpeed;
, n8 x: Y1 \5 F0 |7 l; r  L( |      }: s3 H1 t* h/ h9 r+ p, t
   else {
4 T6 B* S4 X: M6 M2 x      xPos = xPos;
( i8 M& q# y+ a2 w3 \9 I      }
4 J0 A# B# X% ~; |& f1 K   if (yDir == "down") {0 b, V7 h+ d8 q
      yPos = yPos + BallSpeed;
; x: \" p% S: ~# Y' P8 j      }
. ]2 y9 v' ]6 [% G: N3 G9 j   else if (yDir == "up") {
( ]9 ]* `" C5 c( r( w5 _. \& @      yPos = yPos - BallSpeed;' |2 S0 f! F; F' Z
      }
) J; b; L3 {" \3 O& w% r0 b   else {
! R$ k4 Q/ z. X$ p4 {, S2 A8 I# H      yPos = yPos;
* J7 I+ d; e7 C* k. T      }
- F* [; T+ p8 @/ Q2 D/ I' y   }+ q/ W1 q# o  N7 j& \
7 D* ~9 ~, j4 T! w8 B6 A0 E2 O
function hidetext(){0 e& y. Y6 E" D* J
if (document.all)- R$ J# e8 Y9 _, Y: L  S1 O
supertext.style.visibility="hidden"9 B7 Z' i( y  K# v( W4 k6 p% K
else if (document.layers)
5 _8 `" k8 \; O3 A' Q3 ~! v4 Jdocument.supertext.visibility="hide"
+ e+ D' L: G! c& M4 u. ^clearTimeout(animatetext)
( |% p4 B% C6 N) ^: U, Q* q}- |! A, j* {# _' n; F+ U9 b

4 v- E1 {; O' d/ Y2 Y+ |if (document.all||document.layers){  Q+ n/ ^6 _5 q$ ]: o) d* L
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ ?- A4 L/ h1 a. X9 ?; A% c' Kwindow.onload = initializeBall;% Y: Z( t0 R# Q& i7 v! B- ?4 Y
window.onresize = new Function("window.location.reload()");
3 K% n$ I" Z+ h4 l) F6 x}
0 Q. B& w0 {0 i5 S8 ]" E+ k  C& e
</script>