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

zw2004

<style type="text/css">+ Y) W' ?$ h/ J3 F. ^  |
#supertext {
5 V, R! s, g- dposition:absolute;( z; c0 {+ u4 I& w, `$ C
left:0;& P' j4 l- ^, _3 {
top:0;' P" r* u+ C) k, c* |
visibility:hide;( w& @# t) Q( w& u! P
visibility:hidden;
0 d- j) j: U8 l) J# T}
, E* S% J+ u" ~6 A. r5 R</style>
( |* n! p- I  U  |! y- {<script language="JavaScript1.2">* O( g; T/ x( i6 a
<!-- 改变下的字体的大小。颜色-->
8 b( O0 L1 ~* B# _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 ]$ a3 J5 m4 q1 s2 ]var hidetimer='';
& Z  C+ \6 k" s$ M/ Q<!-- 改变下的弹跳速度-->8 L3 q8 N3 _0 y" V
var BallSpeed = 20;
9 b' D/ i+ h6 M  Uvar contentWidth;3 t, }# v# n; h+ K! A
var contentHeight;- z- A  a8 \% @; |
var maxBallSpeed = 50;7 s# T+ _0 S. a& i, z0 g: k2 K6 M
4 R$ R/ ?1 p& a# @
; f! m5 i. T" W( F9 y
var xMax;* v* V) L2 D" p$ k2 O! h
var yMax;! k; J6 c8 x' l' s# r
var xPos = 0;: r  d" S- Y! b) [! E& a4 l3 U  b
var yPos = 0;# Q0 C& x( H4 a2 h: S
var xDir = 'right';' o' n' j: n' m" h* G
var yDir = 'down';
$ C/ `: I# U  h0 i! K  ]# R/ l4 Cvar superballRunning = true;0 S, ^2 o, s# M& W7 i  D% J
var tempBallSpeed;
& q/ |& k' b4 o% E8 Gvar currentBallSrc;
6 k) P1 E) A0 q5 j/ Nvar newXDir;
/ t+ N9 O" l+ U  Lvar newYDir;
1 T. s' J. X. N
& y( i+ g& x9 j9 @6 kfunction initializeBall() {
, Q! g  u" j* P& ^* }: o& e2 t   if (document.all) {+ n6 U# I+ D0 g8 ^$ A
      xMax = document.body.clientWidth
& X0 y: y) L' \& F' }. O$ F      yMax = document.body.clientHeight( H: I# T0 t* a1 x
      document.all("supertext").style.visibility = "visible";! g7 [" n' \! w
      contentWidth=supertext.offsetWidth
  T  g/ e) p& U      contentHeight=supertext.offsetHeight
( P- I  f* S, g; t6 h: C      }, X, {* }; ~: v( j9 h/ x
   else if (document.layers) {- f8 P% b9 ?# F6 t3 o# F
      xMax = window.innerWidth;. {5 m7 m1 C! D0 s- @3 V
      yMax = window.innerHeight;0 s' H$ c: ?# B" ^
      contentWidth=document.supertext.document.width
1 B. s8 N" |8 k1 x- X/ l& _* O% C      contentHeight=document.supertext.document.height" ~: {1 y! ]: J1 c
      document.layers["supertext"].visibility = "show";
$ K7 v. ?: r% {& W# O      }1 Y1 a/ o8 I; K3 y
   setTimeout('moveBall()',400);" S$ G1 I* J3 \) F. ~4 }7 T
   if (hidetimer!='')6 h8 T% V  T: Y# ^$ w
   setTimeout("hidetext()",hidetimer)
8 }& Y  O  d/ t+ p' R   }( v, G( W, P8 u1 c/ g# e* e2 x

8 |, a+ a$ b" Ffunction moveBall() {
# f" h8 @* w; w3 y   if (superballRunning == true) {5 s2 X: @* Z( R! T
      calculatePosition();, s6 U/ o* C; ~  u
      if (document.all) {- w5 D9 a7 X" X8 y0 R1 F; b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 M) j# s+ b9 I6 F0 V         document.all("supertext").style.top = yPos + document.body.scrollTop;  x8 Q( y* z, t/ q
         }3 j+ Z  `8 V: L/ p( S" P6 ^
      else if (document.layers) {9 y$ l( j; U% @  h& {
         document.layers["supertext"].left = xPos + pageXOffset;4 S0 r9 I% U( K- n0 `/ V
         document.layers["supertext"].top = yPos + pageYOffset;
3 p1 |, R$ h/ v/ |' T         }
9 ]' m! p! I4 b      animatetext=setTimeout('moveBall()',20);
! H1 K( E0 h) ~      }( t" K4 T# |1 U& X. @7 ]6 @
   }
2 f: f' p6 R* K3 K
3 n& t+ N' V4 p' {4 Bfunction calculatePosition() {
0 b9 `! `7 k# n& c# K* M  k   if (xDir == "right") {3 V& {8 m- d% T' b6 a
      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 z, w1 t/ R8 [  Q         xDir = "left";
3 E0 _5 q4 k+ j         }% m6 }" R& a. a- M
      }
; n# |) g" p% j   else if (xDir == "left") {
" i1 g- d: e- X/ B% e% ~+ _# {      if (xPos < (0 + BallSpeed)) {
; |9 }9 B( a% y$ q0 G+ d         xDir = "right";
% ~9 b: f) ]1 ~5 {, V) }         }
* B4 v3 u( A- o, v- @) D- v+ |      }
* p7 x' A% }7 Y  L0 Z   if (yDir == "down") {
+ s5 K2 U: `3 ?0 s9 [+ X8 i      if (yPos > (yMax - contentHeight - BallSpeed)) {; g3 H2 b# n. ^- x
         yDir = "up";: k; n3 V# h& A- X8 Q/ \( @0 u3 L
         }
% u% h& H4 A! u. ]6 p      }# ?) g5 j% E2 G% B2 Z( U, ?
   else if (yDir == "up") {  d4 B9 W  p4 k: l  i* `
      if (yPos < (0 + BallSpeed)) {
9 g! l0 _- |  v3 C4 U         yDir = "down";
: U- z0 X5 S7 }' E) P7 ]         }+ d5 h3 L% o5 P' o6 e
      }, ?2 V6 Z* r: u5 `2 o9 J' {5 Q) z
   if (xDir == "right") {# i5 a3 I$ ?. x& J
      xPos = xPos + BallSpeed;
0 l. \, c! G$ F      }
' T* A/ q: W. A2 t) j   else if (xDir == "left") {
& R" ~. \5 q; G! w8 {. Q. |8 w      xPos = xPos - BallSpeed;
* B$ X9 G5 h1 B/ F      }" V! R  K. Q  p: X; {& F
   else {4 L: O9 U1 Y' z( H1 S. [
      xPos = xPos;
0 n! e) ?2 g+ {0 W      }
; Q$ j8 o2 @$ K1 ], C. Y$ r   if (yDir == "down") {
( z5 W6 v6 d8 j% u      yPos = yPos + BallSpeed;
- J$ u. m0 f  @, P) a# s* x5 S      }
! k! Z% J6 e5 s9 L/ f# i5 F# J   else if (yDir == "up") {
0 O0 f6 l7 p0 U      yPos = yPos - BallSpeed;
1 R9 Q  H7 x% `, i  C      }
4 B& {* A' }6 }. n2 u' o1 j& K   else {4 m2 @2 @' {+ S: S! R/ }
      yPos = yPos;
$ o# L# G+ T+ ^7 {2 b. C% L      }# Y: h( E! b' ^
   }
6 I/ u$ _+ }, u, i% e) M" G$ d, i& E+ @) `7 Q; m, s+ k( J1 P
function hidetext(){
0 m7 E* w7 o2 O1 kif (document.all)# v( U6 X9 H' x$ B, S
supertext.style.visibility="hidden"3 }6 \9 n7 G2 ]8 o; D6 ^% T
else if (document.layers). X1 ^" t0 R  g4 ~$ ~# A3 }0 C
document.supertext.visibility="hide"
) n: x2 W4 q1 e2 sclearTimeout(animatetext), M# P1 l/ S3 |$ r+ B
}
" j% Y0 d: i9 n2 R4 @! H$ N# q2 q3 y: i. v/ g2 b  h5 n
if (document.all||document.layers){# g$ T" E7 K" W$ l: J
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): [. T9 d0 k5 S/ H
window.onload = initializeBall;
2 M! y* N1 ]  d5 @window.onresize = new Function("window.location.reload()");
  p2 F6 C) l8 x}- O- h8 `- S4 V, w% u% R
9 U8 l$ I0 |8 J" ?6 v! |" K$ w
</script>