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

zw2004

<style type="text/css">
* j* i% J1 Q0 l+ x* l#supertext {& _1 [, M! q5 |
position:absolute;
. Q4 B: h( S" r6 _5 qleft:0;  ?7 E. l* ^1 R' W! ?9 i
top:0;7 }  J2 m# u# R' l8 g, U9 o
visibility:hide;8 C, g+ L3 c0 d+ B
visibility:hidden;2 M  @7 b' @% N+ t1 q8 D
}4 n; k+ k5 a) J9 O
</style>( X" w( r- e3 \, y4 [/ C
<script language="JavaScript1.2">; V1 m& D, Y* k; |
<!-- 改变下的字体的大小。颜色-->
. |3 x! _) l) f2 Z) X3 b/ kvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 \6 r, L6 k8 q  B3 z( |% s5 Gvar hidetimer='';
' t1 _: a7 ]1 L& n( i9 U<!-- 改变下的弹跳速度-->( c, b6 U0 ]( a  H% E9 T1 }
var BallSpeed = 20;+ W( C  O1 c9 k  S" r. T
var contentWidth;0 ]1 D7 j0 z8 \$ ]/ {6 e' Y; a3 c6 H5 E/ t
var contentHeight;
+ M/ h! E$ S$ O4 Vvar maxBallSpeed = 50;' R: S+ O' r" d' K3 I& O4 A& t
4 C7 J5 z: J6 d# N* r
2 ~& |. B% l, M0 m$ d( V4 c
var xMax;0 o& }- Y' l/ k0 h
var yMax;8 L' ^7 B, R/ {+ ^6 K2 y/ n
var xPos = 0;7 H  [+ e, H& i# _# f% v) k* h
var yPos = 0;
+ F& @( s- N" Lvar xDir = 'right';
5 _. j7 a" |  C, x6 {( Z/ h# s. Gvar yDir = 'down';" P+ s1 U+ S* |% X) l2 H' k% T
var superballRunning = true;
& r! k" l" l6 I" k- i/ zvar tempBallSpeed;
: ^: o/ \1 l0 N4 O# tvar currentBallSrc;" X2 f. j  B; D7 D2 H7 w9 A& f2 U
var newXDir;
4 X+ T& L9 b4 O7 r: kvar newYDir;7 [! y) n$ R5 U2 x; v) @0 J
5 u; P% q- b9 T% p! k
function initializeBall() {% L6 Q. @+ `& j# n! F  g8 k+ V
   if (document.all) {4 f* p" k: w6 G/ v2 h
      xMax = document.body.clientWidth
7 a4 i" b0 b3 R! A8 j      yMax = document.body.clientHeight
) A% i2 T* s; m; `0 n, {6 B9 N      document.all("supertext").style.visibility = "visible";
' ^1 u; I/ `& |, l' r: q- |      contentWidth=supertext.offsetWidth
' v+ A- l3 {9 u+ _' ^" j      contentHeight=supertext.offsetHeight
1 {3 K/ {1 u2 |- G      }. \& Y/ x; h+ J  `  D$ T0 s+ [
   else if (document.layers) {2 v# U% b3 y7 |% \& D! k: |' d
      xMax = window.innerWidth;
8 J& j( W# w, n      yMax = window.innerHeight;
( c9 C# F1 C3 i& x      contentWidth=document.supertext.document.width
0 q! P! L) O# `+ Z: g' s1 L      contentHeight=document.supertext.document.height
9 o% |' A# w) m/ `8 S, p2 q, z      document.layers["supertext"].visibility = "show";
% I# |: A: `; ?" t. f      }! @( @' [5 I! J* T# c3 f, v
   setTimeout('moveBall()',400);& c8 K5 `% R# C$ E$ d( r: H; R  A
   if (hidetimer!='')3 |7 M  [1 v! [. ]
   setTimeout("hidetext()",hidetimer)6 {; \9 E- J5 H8 v3 u  S
   }
& ?2 u4 W4 U, S+ h- [9 A2 C; j9 u1 I7 w% d; z& R5 ?) N; O
function moveBall() {) S" A. ?# v; u9 {& g
   if (superballRunning == true) {+ H4 `( _5 y. j% Z" y7 H
      calculatePosition();
! ?7 M/ h( h. V! ~* F      if (document.all) {# l8 ]* L- U- E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ y' }1 p1 q' R: J
         document.all("supertext").style.top = yPos + document.body.scrollTop;1 |' S3 e6 b  Y3 t& a, b
         }
; r* L$ Y3 [0 `+ T+ H5 W7 K- w      else if (document.layers) {
5 }  l0 X" Q, z; O8 E" q6 x% M4 t         document.layers["supertext"].left = xPos + pageXOffset;' J, j, v1 n2 G
         document.layers["supertext"].top = yPos + pageYOffset;& _/ R3 q. b+ Y. S
         }' F- b' _3 @$ D% ^  {* Q
      animatetext=setTimeout('moveBall()',20);: S/ W# Y; {  a+ M3 Z! }$ f
      }& O$ F5 G$ l) T* B+ f, @
   }* i' v2 J! C0 C/ M6 ^
! J9 t! B: @" {% d: q1 B# Z
function calculatePosition() {2 }9 U. i9 y- B
   if (xDir == "right") {5 ?, \2 U) ?! i+ \6 r
      if (xPos > (xMax - contentWidth - BallSpeed)) {- |) Y# y8 D( ?8 S
         xDir = "left";0 [# o% A+ i  i3 [2 q  L( Y5 {
         }% R& O) q& z( H: [
      }
' v6 Z# V2 k* T" n$ n   else if (xDir == "left") {
! k/ o  I. W# F! _+ a; t8 D& `: A      if (xPos < (0 + BallSpeed)) {9 t3 V$ T) U4 O6 v2 R9 J# Q
         xDir = "right";# R" v4 g' M; X. d2 _3 j" L9 X
         }
+ F: R# a. F) V1 @+ N# A: L      }6 P0 J2 I) t& S# h
   if (yDir == "down") {! I; h! l6 H& j/ I
      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ f3 R4 o* j0 N. I         yDir = "up";
4 v4 L0 q8 y! J: ^1 B$ _         }% F4 z* [! t# i5 R1 Q; A* U) P) v
      }
- R1 H. e7 I9 j/ Z0 |) j   else if (yDir == "up") {
" i( C+ U& v% ~5 Z3 p      if (yPos < (0 + BallSpeed)) {* Z& h9 d' ^/ v4 ?- a3 a
         yDir = "down";
* \" A# ]# ?/ b' ^4 \         }! X  m. `- ?- t, i" o! @  k2 k- T
      }
4 ?8 |: y! E' `- X" y1 U   if (xDir == "right") {
/ M1 y, R6 ]+ U0 D      xPos = xPos + BallSpeed;
4 }. f, {; m; G' a1 Y$ Z      }
1 C5 t6 Z. C$ u) X   else if (xDir == "left") {. k: T# S# x: Q# B
      xPos = xPos - BallSpeed;# F/ M) L( B$ b' w
      }
) H( n% s- Y, B! t* M   else {
4 P" P) X& A" U* @& P6 Z/ X" j6 E      xPos = xPos;/ f2 F4 Z8 _1 O0 S2 k
      }" I% n9 L5 t* C3 j- D0 P# P
   if (yDir == "down") {. t+ ?  I. ~" }1 Z2 Z
      yPos = yPos + BallSpeed;
5 j# p2 {9 I3 [& A* t, R      }# x# }/ {+ c, M4 X: h& w% [& @& L6 ?0 v# X
   else if (yDir == "up") {
9 u+ j8 q* U- R7 D/ U7 _( O      yPos = yPos - BallSpeed;* J; C6 I" n- `5 W( L# Z
      }6 ?: v8 }! A7 w+ R
   else {& @6 F6 k  K6 }& R% z- q9 [/ J
      yPos = yPos;' J5 `7 A  |8 _4 h9 C
      }
/ n7 E+ u  z% Y. }/ I   }
( x9 y& C7 D% L; R: I
2 Q# f+ s6 c4 l2 \) Qfunction hidetext(){! `& s4 [1 j3 T1 n* Y% z5 `$ {
if (document.all)
8 z( |& {7 D- L6 u7 qsupertext.style.visibility="hidden"4 c% B% s; p+ l) ]2 t6 _+ m
else if (document.layers)
; ~2 E# T  X) j7 J( ~document.supertext.visibility="hide"- u" }  a$ M0 H2 P  R- M
clearTimeout(animatetext), E% [4 M# D& H5 n) K& @/ k
}1 x0 h0 b$ f3 W) x
  K# T" r  ]8 ]6 |8 D! y) j
if (document.all||document.layers){
: h+ w5 P. f, {* l3 {$ udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" _1 [6 ^2 i7 {. B# h$ d! k( j4 gwindow.onload = initializeBall;
+ h; [$ A' g9 ?) ^: Iwindow.onresize = new Function("window.location.reload()");% L! o' Y0 z  Q2 E+ F
}
4 D6 j# ]* J% ^: G7 u( n# B1 k- }/ N: c9 ?
</script>