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

zw2004

<style type="text/css">
3 [9 X/ j. K; a# B3 U0 V% ?#supertext {
0 f+ b, f* {* Y+ D* M4 Hposition:absolute;( [5 l8 H" v- G) \* D! \
left:0;9 l' k5 b$ S1 Q5 L2 T& }
top:0;2 k% r! D/ h6 b% p( l3 m+ P
visibility:hide;
; v# r7 ~; w# @0 @; ~visibility:hidden;. n6 ~# ~/ l4 m7 l, M& Y$ U: |
}
- J( o3 _* G; K- u9 v3 {& V</style>& K. a# i2 s* ?( W/ k
<script language="JavaScript1.2">$ C, p& ?+ A" O( P/ P1 f
<!-- 改变下的字体的大小。颜色-->( c# I6 {! s, z% G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* N; g! S! e0 s7 I2 G' h& bvar hidetimer='';
; H' c% e- W. C" }<!-- 改变下的弹跳速度-->. @: r+ w' V+ X/ C4 R
var BallSpeed = 20;0 S. F4 _& ?7 B/ P! D6 E! T
var contentWidth;: {3 j: @( Y1 m* u' Q9 O
var contentHeight;! s7 y- a9 v9 F2 e; l* t
var maxBallSpeed = 50;& N% n8 V  X5 e! \1 p

( B+ t$ d: T: b7 |. Q  L) e
4 F2 t& {6 n4 d2 K* K# ]var xMax;) `  `2 Z/ \" H' N
var yMax;8 \8 ^/ |& q8 D
var xPos = 0;
0 q/ ^) R3 S5 u* C; Xvar yPos = 0;4 U' p9 X# ~' o6 d! l
var xDir = 'right';* _, L& I1 U1 f; _* ~3 S
var yDir = 'down';
- l" R9 O4 V- B# l5 Ovar superballRunning = true;
# I# L2 w5 b3 [! m- R) `var tempBallSpeed;2 E( B$ z8 n9 ^$ \4 m$ d* s
var currentBallSrc;
  M6 r$ o+ l" X. ]# Zvar newXDir;
" i7 t7 F/ F" W( e2 R* _* B2 wvar newYDir;" I* @$ Y* D% t3 F1 v

% Z5 i' a# |/ S9 H8 afunction initializeBall() {
  o/ z6 h1 |" ]4 p8 q   if (document.all) {- g1 I& E- Q' w0 x
      xMax = document.body.clientWidth
) R4 C, e; h; x9 M, j% d/ G+ X      yMax = document.body.clientHeight
- T! b3 c4 U. z3 x* [      document.all("supertext").style.visibility = "visible";  W$ ~5 e3 k" _
      contentWidth=supertext.offsetWidth! m% [1 R  g8 ]) [* f4 _
      contentHeight=supertext.offsetHeight& y) x: M$ o! Z9 |0 u3 R7 Q
      }
, |! S. I  ~# s# P- I   else if (document.layers) {
# y3 \! l, E' s# |4 @- v' w" q. G      xMax = window.innerWidth;
" i- S# M! v& N' Z! d      yMax = window.innerHeight;8 K' |4 Z" w  P$ w& j3 a6 o8 @1 `( }
      contentWidth=document.supertext.document.width
- F% X0 ]) r; C! p2 K$ [5 _' W; U4 y; h      contentHeight=document.supertext.document.height
( w3 P5 d5 r; B! w+ w      document.layers["supertext"].visibility = "show";2 p" p# ?9 B2 n  ]) i+ X
      }. w5 z2 }! }2 B/ c# a& u
   setTimeout('moveBall()',400);" _  |9 X' R& k
   if (hidetimer!='')7 I+ J8 h& v5 e( j0 C  M  Y; P
   setTimeout("hidetext()",hidetimer)
1 J: C( D% b$ G0 _# A   }0 k! |, }; V; S; e2 F

% i9 o' c, K8 m; }$ G  ~function moveBall() {
4 V$ I5 H+ O4 C) T   if (superballRunning == true) {3 {# \5 c' Q8 U5 N8 ]! z4 z
      calculatePosition();+ P7 i5 K/ S& N/ R' _' {0 J' ~
      if (document.all) {
) R, ~) n& p( K4 ^         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 o0 K% h' C. s7 j. S3 ~         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 t4 V/ y/ r% E3 E* ~         }
2 P9 L, N3 m8 P# }1 }      else if (document.layers) {
/ V2 T, ]* m, ], t4 u% Y" u         document.layers["supertext"].left = xPos + pageXOffset;
$ g* ^5 b+ ?2 [, m         document.layers["supertext"].top = yPos + pageYOffset;
7 M$ C/ V0 G) l0 y. Q         }
9 W# h! L7 [3 g9 g$ H6 i      animatetext=setTimeout('moveBall()',20);
& B4 d; j% Q/ T. F2 D3 Y      }
1 k/ [% P* `# |' l+ I   }  R  m: b0 s7 k- ~9 o

* A3 J! V: l. G6 B( ]/ k3 Lfunction calculatePosition() {
" n" t4 y3 m; X- B( y# Y+ Z1 J6 a  V   if (xDir == "right") {) v3 p0 [- A7 F4 q
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" {( P& o4 B# {5 o         xDir = "left";
% _  J) k- C$ p8 t, U         }
1 _% B* C& @8 e8 A6 T$ J      }
% q$ _/ D; q. v+ O- f   else if (xDir == "left") {8 G5 U8 `0 d  Y7 a% ?3 E
      if (xPos < (0 + BallSpeed)) {! ^3 f) u, _" G1 w/ Z) g7 k! M
         xDir = "right";
. g4 |$ h8 }/ x! b9 s  D3 q         }# P' D; u. K7 {$ j6 ~( n( P
      }  a5 E8 Z3 R9 E, R
   if (yDir == "down") {. w; w! a7 r' @5 l; k1 i/ J+ K
      if (yPos > (yMax - contentHeight - BallSpeed)) {
% y" g% U* X  V4 z+ s# _7 M         yDir = "up";
6 o! D! Y7 a* i, D/ l         }
: m! M6 M, |& @7 I6 W; p      }- A" P- K3 d- G8 ~, X
   else if (yDir == "up") {1 a7 N  q7 i3 f
      if (yPos < (0 + BallSpeed)) {
7 N4 E& g  z, `: ^         yDir = "down";
  j' `) k% N! n2 [2 Z; w         }2 X7 z0 L- S' i6 c
      }! o0 v+ X) v, s0 j6 X. [
   if (xDir == "right") {
: Y# L$ j/ c1 w; P      xPos = xPos + BallSpeed;4 u5 g; S; l2 B0 i* G
      }9 p' t! X, K) n' I, A
   else if (xDir == "left") {
  x- L  C) }( T  n, I% \& ?0 g      xPos = xPos - BallSpeed;& F* Q' ^( ]% n7 r" P$ B
      }- }6 B) d$ g6 F# z" t' H
   else {
' I- T, R4 S. A, I$ a9 o      xPos = xPos;' F" W' E/ T: l0 x, a: }
      }6 V9 S+ r4 M: \6 ?# L! t
   if (yDir == "down") {) `! s& N" H6 _. Z/ t+ \
      yPos = yPos + BallSpeed;! c0 a2 U1 c& v1 `1 e7 y. q
      }
+ Q2 x" P9 J7 A2 R   else if (yDir == "up") {1 d) ?7 ^; |5 [' t: \& j$ {  |( R
      yPos = yPos - BallSpeed;
" j8 i3 L6 e7 i7 a  p      }  i+ |, y1 ^% t4 @5 J/ q( B: y: t
   else {
2 a  j1 T8 |  K      yPos = yPos;
# p4 l" d% u2 K      }
( V* w# D' W6 o; M; C- p+ h   }
6 ]7 e2 t" j3 M. ^' R9 C, s& `7 l: Y: W9 s( l3 E0 J$ e
function hidetext(){) H. H( s4 p8 V* Q2 K; v
if (document.all)' M1 C6 i' R# ]% I2 _: \( U7 m
supertext.style.visibility="hidden"
& t8 E" o3 ?  O' ]/ F0 P3 _# ~else if (document.layers)" z0 i2 y6 ]% e8 y8 z6 ]5 e: `
document.supertext.visibility="hide"
" [" b2 e5 K  U9 pclearTimeout(animatetext)) k& S3 J+ Z! @& N: a- h# B7 q7 F
}/ L1 S: I8 P4 }  f" L! m, L
: ~. e( O. [! d% `
if (document.all||document.layers){
5 \$ I: K4 X5 X/ r0 G3 u# Qdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 |" O& \7 U8 [* r- o4 ^1 z9 s
window.onload = initializeBall;( H2 Q8 H' @+ [! x" [+ q& I2 r) ]: A
window.onresize = new Function("window.location.reload()");
* h: y; C/ \9 C% Z7 ~" v9 |}
: }( C0 k% C' X2 S& l
& `5 G, u: g9 @/ _- N, W</script>