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

zw2004

<style type="text/css">  K$ }7 e7 x3 k6 P) r* T; g
#supertext {7 G0 \7 X6 Y3 P
position:absolute;6 ?" y' X; |% \3 g: {7 T
left:0;
8 s+ T( C1 `; `+ _* H& {. J" Htop:0;
6 y. Y: b- q+ Y7 h) D+ xvisibility:hide;
( I/ a/ m) h: A! R! J6 Gvisibility:hidden;* v/ A0 V+ b) c' `8 c6 f1 E/ Z
}
5 |2 v& @  Z" P1 a: q</style>
& v; D* G5 O2 X  h5 z* A- M6 V+ e<script language="JavaScript1.2">
' {9 R& M8 g; I( j9 E<!-- 改变下的字体的大小。颜色-->
; _, x4 \7 S2 a1 B1 Cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 h6 E6 k1 W6 {( m+ h
var hidetimer='';
$ I1 _4 L7 z% B1 q, e<!-- 改变下的弹跳速度-->
/ G2 @, N3 e: \var BallSpeed = 20;
% E4 d( w1 d4 h6 [7 Gvar contentWidth;
! N- q# G4 A7 S) B& {* yvar contentHeight;
9 Q' I; r4 H( W8 Qvar maxBallSpeed = 50;
! H1 T4 l7 ^9 H% Y1 W4 k; h+ ?# c$ A/ G3 V1 m$ Q4 w6 ]
( n6 C6 k; ~9 C
var xMax;; g3 u8 k& ~6 Y. Y
var yMax;) C. q) m1 z# z; l3 E5 [  y
var xPos = 0;
# K) h+ h5 i  K3 kvar yPos = 0;
; s; I7 O" t% @/ s( z& h6 U3 C( evar xDir = 'right';8 _+ `' O0 h' W) N3 X+ C$ E5 M
var yDir = 'down';
0 ~# N- ~" U: ?6 {0 Z6 zvar superballRunning = true;
3 y- E3 R2 r- J: D, N, fvar tempBallSpeed;* I) a- r1 A, b. L3 Q: U
var currentBallSrc;
8 a& Y1 S$ b% [: e+ P9 c" mvar newXDir;: x3 X: O- q$ c* ]7 A+ D0 w$ {1 N
var newYDir;& f. Q+ F6 E' G
8 G$ y" l0 J$ g2 I4 Y+ i# B& C0 O
function initializeBall() {- Z) j' A3 A) N6 r. D+ o1 _
   if (document.all) {
' }& Q* x$ B9 L2 A; ?" Y# Z      xMax = document.body.clientWidth
8 O2 T; A7 ^! g+ c# Q* e0 d$ Y      yMax = document.body.clientHeight
( f4 n' |) E& \6 u2 P# o      document.all("supertext").style.visibility = "visible";9 _  [  k- o9 \3 U* I6 ]7 N8 W: M
      contentWidth=supertext.offsetWidth1 o7 ~! N  Q6 U. B( ]& T' z1 k
      contentHeight=supertext.offsetHeight! u$ b2 _( t& C6 ?+ a
      }2 k8 c0 J& A7 R# t) Z: c( h# ?
   else if (document.layers) {+ Z2 B, V8 B( \
      xMax = window.innerWidth;
$ N7 \4 ^; o' B      yMax = window.innerHeight;
" w& ]! L0 M' K3 y      contentWidth=document.supertext.document.width
, y% ]: p5 x% Y$ Y" b      contentHeight=document.supertext.document.height
. Q- n6 r! V! c: V      document.layers["supertext"].visibility = "show";
6 E, q6 D4 U7 q5 [      }
4 j8 K: J2 T" v' Q( `   setTimeout('moveBall()',400);
8 V6 T3 `5 F6 T( q1 Q+ O   if (hidetimer!='')' q! Y3 R0 z, K! X3 ^: S4 D! J$ _
   setTimeout("hidetext()",hidetimer)- g  g9 B6 [( ~- ^- D
   }% z5 O  F( a2 `
5 L9 l. [7 l  ?0 ~/ {( [8 N
function moveBall() {
. f. r0 C" c7 y   if (superballRunning == true) {7 f  @; e/ z% a2 V% Z- K
      calculatePosition();
- }- Y; X! g* Z3 N      if (document.all) {
3 i; ^" b: D7 u" {4 t4 w         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 e4 q* Y0 g0 v5 l         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ U& p5 z4 \& ?, F  `6 X         }# A5 r, F: V6 E( g  R- O
      else if (document.layers) {
+ D- t: a- Y4 g6 w+ _3 _* J0 ]         document.layers["supertext"].left = xPos + pageXOffset;
/ W4 y  _: L) L         document.layers["supertext"].top = yPos + pageYOffset;
; A" x2 @8 x- A1 c         }2 i! R6 _2 o7 B& I- z" C2 A5 Q3 M
      animatetext=setTimeout('moveBall()',20);
: D4 C4 l- j- `8 c      }) C6 F. A* x+ R) c
   }
( q" ^' T! c# n' p9 w& _$ L2 B, j* Y4 U
function calculatePosition() {
  r5 \7 D" Z8 J7 P# P& ~; t   if (xDir == "right") {- ?/ U% x: }" \: y# L4 S2 P' X) m
      if (xPos > (xMax - contentWidth - BallSpeed)) {! b% ^2 V" E5 Y! M% N! U2 c% g
         xDir = "left";' `* J* \1 f$ [8 N) d
         }' ]7 C0 Z! h# }8 E5 f
      }
/ n' m4 N/ A$ ]: ?+ V% Q! i   else if (xDir == "left") {6 ?( @& H- I$ g$ T
      if (xPos < (0 + BallSpeed)) {! z" E5 |7 N6 R& E8 p# R4 S( k
         xDir = "right";
" V: ]; K' B) S2 Y! j6 F& \         }
( b* n4 A/ w9 o0 W' [( B      }8 j9 g# f* x# f1 ^5 u& }; G2 F3 z' v9 p
   if (yDir == "down") {
$ e( L  o# g6 _* V      if (yPos > (yMax - contentHeight - BallSpeed)) {
( B$ J/ D8 I- ^+ d9 V         yDir = "up";
' _3 ~0 [3 d; n+ r/ t1 M         }
1 c7 C- O  L6 j  {: A: N: g6 z$ l( ]      }( m  c( C6 i/ v+ e, o, C( A$ E0 r+ i
   else if (yDir == "up") {2 C7 C5 x5 K; |
      if (yPos < (0 + BallSpeed)) {7 r; R5 D! P  S& _# j9 K& o
         yDir = "down";: P6 f" Z9 K% k! c0 m
         }, R! [- `3 l1 L: Q. _+ K  F
      }
+ s7 l% d& ?( G2 n; f5 a: w   if (xDir == "right") {
) x, T) ?( o$ A  P0 j( Q' \      xPos = xPos + BallSpeed;0 A3 l" g/ }, K6 Z
      }5 i9 d" i! Z; X7 {
   else if (xDir == "left") {& Z. R% g7 c$ G/ b/ V
      xPos = xPos - BallSpeed;% J* h$ G1 V4 g# L0 M, Z0 K9 l3 ^
      }
6 H6 x8 }+ R0 [- k2 A) U   else {# i5 z) V+ C8 @) j8 Q
      xPos = xPos;
, w3 @5 R" l, |+ Q$ t1 E      }" E2 T' {9 v+ P! V
   if (yDir == "down") {% K. [7 J& {1 I: K, Y. \9 M5 H* Z
      yPos = yPos + BallSpeed;: A1 F6 y& |' X8 q- L8 |! [* w
      }
' T" N* q& b2 J7 ?   else if (yDir == "up") {' L- c: r$ z) }3 H  T
      yPos = yPos - BallSpeed;& k6 d3 Q8 e7 c+ m+ Q5 u# W  \
      }
: M3 y" I( Q& D, A   else {
# S  R" p5 {4 c" L; \5 X+ \5 r0 C0 U      yPos = yPos;
1 u* e; g  Z1 N' ^" i7 T      }6 J1 [5 C3 \4 x- S: V
   }
6 M% |2 `7 c1 ]" U) F5 W0 J5 E3 D- H2 z
function hidetext(){1 q; a! v: n: C: y, Q( [
if (document.all)8 |; V+ v" r! f. q! F0 Z. z; P
supertext.style.visibility="hidden"
* L/ U, a$ r" ?) j& b. C0 I: yelse if (document.layers)
: Q  S0 {: m7 ^! ~$ Ydocument.supertext.visibility="hide"0 @- |; d( J' O6 M
clearTimeout(animatetext)2 X5 `1 R0 v2 ~# Y
}( E5 u4 H6 k* {+ T

1 T2 }7 X; A1 r* {+ Gif (document.all||document.layers){- R- |2 [9 Q5 b, O
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), l( P  d) g3 E6 Q; \
window.onload = initializeBall;( ]) Z- J# D  w1 G0 |
window.onresize = new Function("window.location.reload()");# F8 o# Z, d8 j
}
5 [2 D- k$ U) I; b& P) o/ A7 |% Y- F# h7 N' r
</script>