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

zw2004

<style type="text/css">
& o# q- \; J+ T7 t  `2 ]: T3 i; J) r#supertext {
/ |" m9 T6 x3 l0 gposition:absolute;- K2 W6 l1 P" q4 H5 \; x
left:0;
' _* W# |; L7 _. n% ]$ \top:0;
+ Q7 c3 d. G0 J! n- _visibility:hide;" Y9 L+ d. F6 N2 q
visibility:hidden;
0 L2 K6 |" l) _5 Q2 @' N0 R}
, Z6 X6 Y! ]* Q8 p( E- J' ?2 {</style>
2 ~8 ]7 y5 g3 K$ X! T) g! G<script language="JavaScript1.2">5 {% o) j6 Y( \
<!-- 改变下的字体的大小。颜色-->9 G: ?3 A6 I$ W% p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 t5 i6 q+ L" R, P& H$ tvar hidetimer='';+ ], }  K/ ~: u0 W! j1 L4 [% i) D1 v% A7 t
<!-- 改变下的弹跳速度-->1 i, i3 S$ {: ?# x9 Z- q
var BallSpeed = 20;% H# w6 W5 q" d/ B
var contentWidth;' ~2 G3 L- }2 b% b$ q6 v/ c
var contentHeight;( j" ^5 L# s; h0 N7 s4 Q; J
var maxBallSpeed = 50;
- V* y: g% N" p  X; H
* f0 {6 L5 b- o% F6 \- T1 i* \! l  v3 A) r2 \" q0 r  U5 q; o3 m1 j% ]
var xMax;
% E+ `9 |/ z' z. @/ B+ @var yMax;
* I+ L* P& [7 U" t4 ]4 l% Fvar xPos = 0;
2 @. T, p; V' v  e) mvar yPos = 0;
3 W3 h' y: c! S) {var xDir = 'right';* ]* |3 y  N/ s# W5 C2 w
var yDir = 'down';6 x& r- [& \: A0 c" P7 L4 M
var superballRunning = true;
0 H7 ]9 B. f  O% Wvar tempBallSpeed;
9 i" s3 e( g/ q4 S( B2 r& uvar currentBallSrc;
* C( A0 m5 _, @( G( ]" xvar newXDir;
  E' O- D, @- l% x& K8 E; Ivar newYDir;4 C# h/ p7 y. h

* X5 x( ]: f. Gfunction initializeBall() {5 W; }0 {( z; K( }! B
   if (document.all) {
: D" ]% e: ?; T; @9 o      xMax = document.body.clientWidth
- b, t1 O2 k& Y+ j( G1 A! u/ f, d      yMax = document.body.clientHeight
  k9 e0 i' B6 Z0 r. U# M8 ]      document.all("supertext").style.visibility = "visible";1 g5 a' w: n9 l
      contentWidth=supertext.offsetWidth$ |) T: s/ o6 r
      contentHeight=supertext.offsetHeight
: o4 D1 ]: p' U. j- N; |4 s      }5 Y2 Q4 M8 q) f  d1 u5 w' ^
   else if (document.layers) {+ ?% a1 J0 N; }! ]5 A: I( g6 J
      xMax = window.innerWidth;
% _* F0 H( R) n2 P2 _4 {" q      yMax = window.innerHeight;
. r& [5 \9 K8 j4 s0 g      contentWidth=document.supertext.document.width
6 n0 x, e, i4 G* `8 ?      contentHeight=document.supertext.document.height
" I. m* B. z: N/ V$ j6 \7 y' m      document.layers["supertext"].visibility = "show";' U5 e8 A, d7 N! D$ ]
      }
& Z8 \/ N1 v5 T   setTimeout('moveBall()',400);
0 \2 V& r/ k( A; v& v+ p( d+ }   if (hidetimer!='')
$ ]$ m. Y# N0 h$ M   setTimeout("hidetext()",hidetimer); Y8 Y( x6 V  w$ A
   }3 K; Y: R2 e; P& d5 W( G) Z9 a, d% p# x
# A+ g( v$ h9 {# s! L
function moveBall() {
! _, @/ q6 ~/ w2 C; T' ^5 l   if (superballRunning == true) {% N! S) ?) z7 K0 U7 @2 c
      calculatePosition();9 T; O0 D6 v' a+ F# p, W
      if (document.all) {, z. d+ ^1 |- B* l: N9 |; b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* j( ]) y0 m' \
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ `  h9 W% P- z: G         }
  E0 M( a# g, h# G5 e: a5 D      else if (document.layers) {
/ _5 |  f' G$ D; L8 `; [  j         document.layers["supertext"].left = xPos + pageXOffset;
( L. P# v- K( z+ ?2 g/ L! V         document.layers["supertext"].top = yPos + pageYOffset;
' B% i$ C% U$ F7 [% |) |         }, c2 M, N4 Q9 c" l8 [1 R
      animatetext=setTimeout('moveBall()',20);, j4 u% K; \/ x; Y1 Y) A7 Y
      }
; Y" F4 ]% |0 A8 Z: S. y$ \: T   }
' ^6 w3 L: d* S$ m$ D
0 T! |; K/ y& D2 c% Xfunction calculatePosition() {& b# }! W( z' L# O/ b
   if (xDir == "right") {2 X% J$ p  P. X5 s
      if (xPos > (xMax - contentWidth - BallSpeed)) {
, X$ x2 j& r  f4 `( p/ k- G         xDir = "left";
# r7 k, n- q$ p% ~         }
! s. P1 k" M7 [, c      }/ Q( X, H( I# [; Y0 A7 k4 U9 p8 }
   else if (xDir == "left") {- \: o% ^! z. H  u) j3 l; w6 M
      if (xPos < (0 + BallSpeed)) {- C7 [5 C0 R+ g. |
         xDir = "right";- q; S! f& R: ]2 w
         }
5 ~5 P7 v0 z8 s  u: @      }6 H) I+ F! i( ~" o8 k
   if (yDir == "down") {1 P/ R3 H. b, ~. H( ^2 `
      if (yPos > (yMax - contentHeight - BallSpeed)) {1 u2 x6 T( I  W" u: a
         yDir = "up";
6 Y0 @8 y6 R4 d; ]1 K# S         }5 n% o8 x6 X) G* d( J
      }: j% p" D9 J9 D7 Q3 O7 m# U1 v
   else if (yDir == "up") {5 l# [6 h1 X$ ]0 ~! j0 _7 x0 F# \6 k
      if (yPos < (0 + BallSpeed)) {6 O$ i, X0 I) ?! d3 O
         yDir = "down";; r! v+ K, n; k5 v5 y  g, [1 V' [
         }
) T& x  C  r4 l/ C" i: V2 |      }" |) R% H7 H8 ^
   if (xDir == "right") {+ m4 v& z% {+ S; y
      xPos = xPos + BallSpeed;5 F: z) D' j0 N: ], I) |  b
      }
9 Y0 F: E3 N$ b( Q, H4 v   else if (xDir == "left") {% _* N( i  ?1 U
      xPos = xPos - BallSpeed;
4 |; E- i) }7 ^; b- r" L( f- `% n% v      }
1 x4 B+ z' t" a" P" ?6 A/ k- m   else {2 u! ~7 ]9 q& I* j
      xPos = xPos;- t# Y; u0 [7 I$ b
      }
5 I% L" U5 A7 m9 \2 L% p* Z   if (yDir == "down") {
3 N" E+ D5 v! y      yPos = yPos + BallSpeed;
! }% v& o# A% c  Y: N      }
, s) Z; i/ e! j. ^/ n, V9 |   else if (yDir == "up") {
" z, q$ B) ^6 G3 n      yPos = yPos - BallSpeed;
3 Y/ J8 n" A( c* Q! v- V      }
3 [- w; q( \* f   else {
. H. [4 A8 B* z3 z+ Z7 M, T( E5 ?      yPos = yPos;* F2 }1 ^% f& H5 C4 [* ^8 k, t
      }
7 ^9 @4 p" h) s* K   }
1 d9 H, o. A& C- [! r0 Y  w; X4 N$ E3 s6 Z1 p$ I5 x# E
function hidetext(){
6 k5 Q. s! i) D  E! \+ Hif (document.all)
+ G) D5 @, n. q6 O% asupertext.style.visibility="hidden") l4 y- I9 G- Y
else if (document.layers)
9 V4 ~) ?* @! U! r1 O8 Edocument.supertext.visibility="hide"
" U" N9 D# o& _, R5 mclearTimeout(animatetext)
1 F8 J. t3 H% R6 l- Y}& \# @) M- p6 N0 [& q2 ]
  Z3 n8 t2 d8 M; Y5 [$ C
if (document.all||document.layers){$ g7 s" b) @1 H& x4 y: z5 Q" o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): j. s+ d8 v# P  T
window.onload = initializeBall;
/ Q1 L  E6 R3 i& P, g+ Dwindow.onresize = new Function("window.location.reload()");
8 ?8 m1 B1 L% Y+ z+ L# H}
  J0 q" F* g( c; W1 ?! D
# l$ N" p4 C" F1 w</script>