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

zw2004

<style type="text/css">7 i" R2 B: B; O, @7 S! C: |
#supertext {
: G/ J! ?- a7 p1 A9 P2 [. fposition:absolute;% @  W1 K& w1 `& @
left:0;
5 N+ I9 G$ n% @7 g$ `& ^. U7 @top:0;
1 }* X; Z" u  E, dvisibility:hide;! K/ A6 |* A- U3 V) m. U
visibility:hidden;) ^' m: `/ f5 T8 _0 }
}2 D% g2 J4 J( t/ o2 x
</style>; {) z' K) t2 y: X
<script language="JavaScript1.2">8 d4 B$ [. D4 ]8 T! Q
<!-- 改变下的字体的大小。颜色-->
0 r5 |7 q$ y5 h# D! t/ n' x6 hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% ~0 T. Q$ r- {. O; N, }9 x
var hidetimer='';
9 L, p! J: m# \<!-- 改变下的弹跳速度-->+ j  k! U; t+ _) o, |- v' A: W
var BallSpeed = 20;
& V% `6 e1 U1 O0 yvar contentWidth;) X) Y4 T/ u8 c
var contentHeight;
7 O; f% z7 i; |( n; qvar maxBallSpeed = 50;
% D5 r0 P1 |. k" `7 j9 j# s* l+ U
6 U3 c$ L$ s* g- H
3 J/ y+ h' r9 Pvar xMax;
. H8 R7 z4 t3 Z" Y' Z$ X  i1 Wvar yMax;" I3 t  L) ?( k6 F
var xPos = 0;
( y  F  T% D: a6 g& Bvar yPos = 0;
+ w* E$ w8 a! Q2 W& Svar xDir = 'right';
4 `8 f$ Y- x. l$ P  ~8 l* Pvar yDir = 'down';
+ Y! M# F2 @; r1 b3 c1 Cvar superballRunning = true;
& l7 V* G1 E8 ^6 k; Z; ivar tempBallSpeed;
" F5 Q0 r, {3 Q( u9 s  c$ r$ T, hvar currentBallSrc;( m7 C* j1 z) |  q1 |: p
var newXDir;
8 D1 P. V2 @7 Wvar newYDir;
, Z8 f2 B$ B' |
' a! |, `" j6 z, x' E. |; |+ X, xfunction initializeBall() {
5 I; Y  ?( W6 ~6 z5 m8 R" t   if (document.all) {" h+ r; E3 S2 [0 Y
      xMax = document.body.clientWidth5 ?, c! O5 v9 k2 U, Q+ _3 Z# P% x
      yMax = document.body.clientHeight3 k9 ?, K% O3 W# d
      document.all("supertext").style.visibility = "visible";
2 _( H) I) A7 Z. E, F* g5 B4 U4 H      contentWidth=supertext.offsetWidth. T# U$ A+ Q' r+ d8 B7 o
      contentHeight=supertext.offsetHeight
! E. D  W) @6 H3 B' w2 Y3 m  R      }
* p; Z9 x; L! t& O4 _" ?. o- t   else if (document.layers) {& w3 y* ^$ a; Z5 ?- C; @
      xMax = window.innerWidth;
+ F% k8 d! I$ U0 Z      yMax = window.innerHeight;- s' t% p2 y0 L
      contentWidth=document.supertext.document.width0 C/ q7 Q- G+ A
      contentHeight=document.supertext.document.height9 J/ ~' B/ c/ f; b, C; r0 O0 O4 Z7 p
      document.layers["supertext"].visibility = "show";
' S! x; h( u, h      }
- q% i# u, Z3 d   setTimeout('moveBall()',400);- u! Z+ D6 [" H  k8 \
   if (hidetimer!='')' V4 f7 P# P$ W7 c: |: k: w
   setTimeout("hidetext()",hidetimer)
6 L# r0 }; u8 L( T3 u) M   }
, T. P" z8 c4 U- X' f5 l6 I: t1 u- B$ z
function moveBall() {/ k: p7 h: Q. e0 f& ~
   if (superballRunning == true) {& J/ |0 M# C7 x4 R5 V
      calculatePosition();# [. w* Q) ^8 q5 q! o/ Z5 p( O
      if (document.all) {
+ ^: \* @0 b. H+ u         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 ~& g, g2 x3 [2 K. q         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 x  q% r( C+ q& A- I+ k* R) [8 v4 U7 F         }, d# r. S. H; G8 `9 g
      else if (document.layers) {
1 \1 {+ U) M/ Q, f3 F" G6 N         document.layers["supertext"].left = xPos + pageXOffset;: J5 K4 |. M1 ?( S! o
         document.layers["supertext"].top = yPos + pageYOffset;
1 }8 Q0 o7 ?( ?5 Z1 ?         }' C8 g& V2 w# c. X3 {- G
      animatetext=setTimeout('moveBall()',20);
4 z4 F1 Y- Q& I! ^      }
0 N% k1 l  L! }9 T: `# j3 k. H5 n9 w7 e6 U   }
+ |0 R" E$ D/ Y& n# s- U4 g
6 ?% v: {* j) ?. ifunction calculatePosition() {
4 R: f! }0 W5 y7 W: h% r+ t4 ^8 T   if (xDir == "right") {! s) L, N  z5 c0 B# O
      if (xPos > (xMax - contentWidth - BallSpeed)) {: ^+ H$ Q1 N1 x
         xDir = "left";
4 q3 \+ A$ W4 \9 }- D9 K6 n' ^         }6 D& A  j3 _: ^( Q* u8 o
      }7 k* _3 r3 R0 W! S
   else if (xDir == "left") {5 |" [2 N' j, @: i5 A
      if (xPos < (0 + BallSpeed)) {. W) S4 \* z8 ~$ ~( z$ l; i& Q
         xDir = "right";# e4 m. F8 i; m' F  l
         }
/ l) @8 A+ C1 A) \$ G, M8 m      }
  r1 L- K/ S. O* w, f! G9 S8 S, U   if (yDir == "down") {
1 y$ O  {) i0 D5 S; a' p7 |9 F      if (yPos > (yMax - contentHeight - BallSpeed)) {
% _# }0 h% A6 ~         yDir = "up";
+ k' ?8 U$ T9 b( [# c2 D         }
, q( G! j* U( ]5 }; d      }
/ s& n# v' a7 d/ C; O3 Q$ L% c# n   else if (yDir == "up") {
0 _% H/ ^5 t% X) e; E: }      if (yPos < (0 + BallSpeed)) {& R/ x- O( W! W& D
         yDir = "down";
% x  ?" e3 T( }         }: Y3 C0 H' V& L$ d
      }; j9 k7 }+ @% [1 z, p
   if (xDir == "right") {6 p  v8 {2 Y9 a
      xPos = xPos + BallSpeed;1 e% \' U% w% N
      }
0 P+ u$ n: z0 ~   else if (xDir == "left") {4 k! |1 e. \, t/ k/ `
      xPos = xPos - BallSpeed;
# S& G8 R- U  w1 _7 h6 R      }
; c' T, W6 c0 M. i( \+ M  J   else {1 e  x% s7 O0 X8 f8 {# l
      xPos = xPos;0 P3 n+ x/ L6 p) z4 l; K* k  e
      }
; w# R) x! c/ f9 w   if (yDir == "down") {
& |! ~( H4 |3 `/ g! m      yPos = yPos + BallSpeed;
" C: c* ]$ R% c3 N& N      }
% B1 r& p+ d) C8 ]. Q/ c   else if (yDir == "up") {& [+ w$ |& u0 {4 h! W; K
      yPos = yPos - BallSpeed;- A9 x; l0 w0 [- |( a' X7 O4 p
      }
: q- n  R2 x6 J) T* |. x) P   else {
( L. u; Y" ^+ W1 i      yPos = yPos;  `: y- I6 N; ?$ j+ _  Z  c/ E
      }
; h4 f7 ~1 N8 `8 l* o! u+ M   }* v; N% l- c( E& T4 l6 I( b

8 A3 Q1 m, g& C' ?. t) O" tfunction hidetext(){$ n' d' e2 r0 F8 N1 T
if (document.all)0 o9 W2 x, O7 D4 m/ c' y2 C9 x7 p
supertext.style.visibility="hidden"& Q, `/ T3 H% z0 G$ e: V6 T
else if (document.layers)( E+ U/ j7 m+ K% n5 y( w# G
document.supertext.visibility="hide"
5 X, }& P& C! y0 Y' kclearTimeout(animatetext)9 ?- w; L/ l  O- ~; _
}. `% E9 z- N8 c. R

9 K6 V# M" ^4 L! mif (document.all||document.layers){
1 ?% E; e$ v8 F$ n7 jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! G" }2 I$ T; j! r
window.onload = initializeBall;
4 q+ K0 U& f+ P5 V& J1 o$ q* P) dwindow.onresize = new Function("window.location.reload()");
6 N7 j* ~$ J+ o6 g}8 x. B; b$ N6 U% ~% P" V7 W+ i

6 n" |5 L4 V" u8 v</script>