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

zw2004

<style type="text/css">
0 n; x! }1 [+ ~' o: ~#supertext {; t8 X$ w' _& e
position:absolute;
; e2 I: i6 v4 l9 f2 h9 uleft:0;
$ r, J" W& h+ v3 B9 Etop:0;2 s* b9 O$ K" b2 @' [
visibility:hide;+ S4 W, {* l" ^4 I+ H
visibility:hidden;
* D( r: J3 y$ K% D0 H" o# A}
5 H5 a2 J! [/ u7 E, C3 D6 O0 ^4 s</style>
9 ~1 B! G& \2 ~7 y( D<script language="JavaScript1.2">9 i! [: `& L* d
<!-- 改变下的字体的大小。颜色-->% G- D* w$ |; U6 y3 \2 n
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 ^7 E: f( Q9 D  D9 {. [var hidetimer='';
+ w; P8 {( s$ v. C- w# }" j<!-- 改变下的弹跳速度-->
; C" F- B* K! f% Ivar BallSpeed = 20;
8 q# h/ Y( r3 u! e* nvar contentWidth;5 _9 C5 k  T# K& J0 o( }/ q
var contentHeight;8 v9 r: v. u" I' I1 p- T7 |: `
var maxBallSpeed = 50;
" y- u/ @1 ]" S* Y# t* x
1 ?+ p, w: r7 Q7 w# D: ~: R2 E3 A
var xMax;
; W1 s. u6 C% Wvar yMax;  Z1 c" q* |) L5 Z( s
var xPos = 0;
) v' \4 l8 S5 t2 nvar yPos = 0;
1 d1 W: t9 L- [var xDir = 'right';
6 W9 {8 a! T. C2 k3 L' K+ ?: `# Nvar yDir = 'down';/ S) m6 _$ }  u8 _8 A- D0 w
var superballRunning = true;: q" z* x; s1 V
var tempBallSpeed;
1 `% l( H# Q/ g, Tvar currentBallSrc;- e, n3 e3 C# v+ Y( @; h9 h4 T
var newXDir;9 L( t* ~) P! e, o0 W; ~
var newYDir;
9 o% J' c  ^  j" Q7 P0 P1 `
  F* W, A8 D* K- l% ufunction initializeBall() {7 w* q1 e  n; U4 A+ s  E% A4 _& [3 E* H
   if (document.all) {4 l$ B5 I" O8 O5 M5 k& y2 N
      xMax = document.body.clientWidth
# a- P3 k4 m) w$ L) G; i      yMax = document.body.clientHeight
$ j1 [; [$ t" P9 F, |: O      document.all("supertext").style.visibility = "visible";
9 R, j" y0 M& H! w) U& b( ]+ T  m& q1 ]      contentWidth=supertext.offsetWidth
) S- \$ N/ e" [% ^; W7 H7 c      contentHeight=supertext.offsetHeight# u6 \* ^% o0 @/ _% |
      }
) ~& w# X5 ^) ^, a6 r0 w   else if (document.layers) {3 b; D3 `: B7 D; a) S1 A6 {! ~
      xMax = window.innerWidth;$ J% J% z/ K4 R7 m
      yMax = window.innerHeight;
" Y5 t4 ~8 k% r5 Z1 G      contentWidth=document.supertext.document.width% {9 U/ I& w! x
      contentHeight=document.supertext.document.height6 n) W+ E; C3 d8 ^
      document.layers["supertext"].visibility = "show";
  u5 V0 p& m3 R' @/ T4 H      }7 u+ T  Z6 c7 i
   setTimeout('moveBall()',400);3 E8 Q: A6 K# _5 i  L5 {/ j: k- t
   if (hidetimer!='')- G8 E! F. J$ C- f2 a
   setTimeout("hidetext()",hidetimer)0 u# x# }3 U3 z( l! P
   }
$ H* ^- k& E* O. G9 F2 C9 c; R) K* ^) U+ T: n9 U# c
function moveBall() {3 A, p7 l0 i* K
   if (superballRunning == true) {3 U7 x' z1 Z! j. ?! s6 X& J
      calculatePosition();. d4 g# n! w, [" m. `
      if (document.all) {4 j$ C% e0 I; X6 b# z, v
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 R8 e% D; C; |; Y         document.all("supertext").style.top = yPos + document.body.scrollTop;
- j/ N5 i9 V: }$ ^: U         }  a; ~1 |) O2 ~* C
      else if (document.layers) {
. ~- s1 S, q! j0 m! _# Z; \, E         document.layers["supertext"].left = xPos + pageXOffset;
/ c' N- i) Z% L, _         document.layers["supertext"].top = yPos + pageYOffset;
% d& o9 H5 O* T5 Q' x& _         }* p/ X2 `8 n$ d& `& E
      animatetext=setTimeout('moveBall()',20);2 }7 s- f2 o8 D! W& a: O+ w, Z
      }" g3 V3 t' B2 X' R
   }, v  o4 V$ }' A& k
' i: i  G1 q5 ?
function calculatePosition() {0 D" z# @  P. \# k( c
   if (xDir == "right") {8 Z2 n+ B( E4 ^$ L
      if (xPos > (xMax - contentWidth - BallSpeed)) {) C& d" [1 ^  A% K5 k8 G
         xDir = "left";& E7 }7 U- U4 A5 Q. N  t
         }
2 c! N; Q2 w# q4 k      }1 U9 C: }; u* j' q" ~/ [
   else if (xDir == "left") {3 P; [% Z' e4 ]$ J+ \" D4 X  C
      if (xPos < (0 + BallSpeed)) {
' w& B' B* b) i. j9 g' _$ O         xDir = "right";
, z* i# e/ }- H+ y         }3 G7 {/ ^# y' I( S4 \2 S3 P
      }8 k6 z3 `) J6 H+ Z! w1 `
   if (yDir == "down") {
; V& Z. F$ K. |& o/ i2 C      if (yPos > (yMax - contentHeight - BallSpeed)) {
' o# C) w+ H3 }9 |8 ^" g! [6 g         yDir = "up";  }4 j, E/ g0 u
         }
( c. W2 a1 ~: k# N4 t& P      }
6 k$ o  R/ L) P9 L/ r   else if (yDir == "up") {; _& F6 {7 i* _
      if (yPos < (0 + BallSpeed)) {% ?3 O* P3 w# N8 {3 n9 M/ W  U
         yDir = "down";
( o+ s8 Y3 @2 R, r2 X+ \9 ]# x         }, m) {% i2 p" J7 w
      }* W, O, I  _  T9 t2 b, M* ~
   if (xDir == "right") {
- D# a$ k6 V8 @; n# E( t      xPos = xPos + BallSpeed;
6 S. Z! L8 `; `8 x0 ^* c/ s      }; b8 C/ f& [7 v/ p$ f
   else if (xDir == "left") {
0 U/ y4 T' h, Y3 o. _' j; i) l      xPos = xPos - BallSpeed;5 ^. R0 i# R9 m; O9 ~
      }
2 B) K- v' X: u   else {
2 i. M+ E+ W4 I4 S1 J      xPos = xPos;) @+ u& O$ a% N
      }
* B3 I9 A+ k7 K& l7 v5 o* M4 h   if (yDir == "down") {
! E5 H' N" H$ }  [$ R: W8 b      yPos = yPos + BallSpeed;
3 {# l+ `6 i& J' u9 r, C! q      }
2 G3 G: L: A% @# y! y  s  ?   else if (yDir == "up") {
  L4 Y; K+ ^  b9 `% G# G      yPos = yPos - BallSpeed;0 N! n2 n2 E( `& S7 a6 T, H# ?* @
      }
* P+ z5 A$ `5 ?! K   else {2 T3 N# w, E7 B
      yPos = yPos;( M- J  f  P7 |# M+ B/ W8 r- ^
      }
% Y2 [0 G" ~& D8 Q6 n   }
& \9 \3 u1 j5 Z0 c2 G
8 A# l: K( E  C7 L" k2 ?function hidetext(){
. ]; u; r4 c4 Aif (document.all)
" x9 o8 ]$ {+ ^supertext.style.visibility="hidden". D2 E% O3 K' ]
else if (document.layers)9 Q+ M; ^4 X( U2 H. }$ o
document.supertext.visibility="hide"( B. n2 V/ ?3 ?7 \: I: Y
clearTimeout(animatetext)7 N/ b, p4 W, S) \1 p
}% u* x( ]/ j: G/ j# T" d! i
/ R% V' B' x, y2 B  C2 f- {
if (document.all||document.layers){
8 N8 R5 G  u+ h. [1 kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 H7 Z; S, ?/ \/ Xwindow.onload = initializeBall;" y3 X+ I" A+ ~. r! o% k: ?
window.onresize = new Function("window.location.reload()");9 Z! d+ y1 b- X
}6 P5 q6 l* o4 k- I$ r

7 x4 p: }$ e' T  y% K8 Z% ~  C* N</script>