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

zw2004

<style type="text/css">
. p6 Y: Q4 S$ t8 x#supertext {& L7 a  N9 p4 e
position:absolute;" T  X; f9 o2 g: `
left:0;% W9 z$ N2 M% p0 o! G
top:0;
" z" Q8 q* p8 B8 L' G2 vvisibility:hide;1 _* i% y6 Y! m+ M$ f+ v0 w
visibility:hidden;6 @7 I5 H7 f: D6 r6 R: _
}  T: E5 A( R2 P9 _7 C& P
</style>. {& c& w: `- X. K. G( }* n
<script language="JavaScript1.2">
0 X& O9 z$ @% Z2 b  n<!-- 改变下的字体的大小。颜色-->: s' a3 N" u: K4 j+ }3 s5 \
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ R0 \: q8 N1 i7 Z' B7 Uvar hidetimer='';
# v2 ?7 x8 m5 ^; s( e/ F& y' V<!-- 改变下的弹跳速度-->2 |; z* P4 \9 d- W. u6 U# L
var BallSpeed = 20;5 e, U3 o" Z$ f
var contentWidth;5 p. ?+ o  s, M% u
var contentHeight;! T7 d- u2 Z. ?7 D* |) W8 s
var maxBallSpeed = 50;5 n6 [! ?7 O/ Z5 l* Y& p

1 ]( H! W9 C, L3 Y, t+ M1 v* `) l" W$ r3 \5 f5 Z
var xMax;7 e4 A- T9 y: d) s# H2 W
var yMax;
  ~; O. x6 m4 hvar xPos = 0;# x* V- ~' z: X' j
var yPos = 0;" P% v( S) A8 R2 ~
var xDir = 'right';
7 L& T1 S# v- x* z! dvar yDir = 'down';
; G8 o' b$ @/ Dvar superballRunning = true;
: c/ v) c! S: @) W6 Q& _0 Hvar tempBallSpeed;
4 l, T2 ]  B2 {* P( K6 u" }: M' A* tvar currentBallSrc;) t* p6 F7 x6 a  |' Y% q% i
var newXDir;
" H' C+ Z% J1 d1 k/ W0 j3 P1 ~var newYDir;
# e( J  h8 G5 h; n2 q& g; W; B, E7 a! n, Y  F
function initializeBall() {5 G/ M) Q: i) h3 G: ~% Q, j
   if (document.all) {1 M, U) V: S2 l6 m+ z
      xMax = document.body.clientWidth( o( X; G0 \% U8 Z7 o
      yMax = document.body.clientHeight
5 C# O  C5 G1 q) P5 G      document.all("supertext").style.visibility = "visible";2 |+ ]3 z5 f- n  O- j$ K; [* W
      contentWidth=supertext.offsetWidth2 ^' H0 W1 y) I/ {9 z5 v
      contentHeight=supertext.offsetHeight8 ], F  U8 ]0 T, O; H
      }
9 E( z# z7 p% N& V   else if (document.layers) {
7 X/ d7 d( k5 i7 V1 `, \* B5 J      xMax = window.innerWidth;
! w, i3 ]* t1 f4 _9 Q      yMax = window.innerHeight;- X/ j7 [) x% I) K
      contentWidth=document.supertext.document.width
6 q2 ^  b+ h% i# p9 A7 R. |      contentHeight=document.supertext.document.height1 v/ w6 M! e: z( F$ h% v
      document.layers["supertext"].visibility = "show";
8 a/ g) j8 N* w+ ?6 X% C4 l      }
+ B: U3 \, `/ d" g$ X8 X( e, l   setTimeout('moveBall()',400);% `* E" T, \$ V: L! A8 \" G6 M. D
   if (hidetimer!='')
% I* G: e2 S9 Z. a1 b6 Z   setTimeout("hidetext()",hidetimer): x6 Y) j! U3 H: P$ j
   }
' k0 e  L/ s! L- Y+ m4 P' G8 a" p/ [# }# t* g4 c8 q3 J
function moveBall() {: E5 a& Y* a, U. x' ?' d' a  z
   if (superballRunning == true) {7 q! H* [. S7 W: E
      calculatePosition();
$ ~0 u: w; r+ M2 |/ y$ U1 _2 S# ?      if (document.all) {5 k2 r5 s5 I, \
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* x( u# S# q+ ~( M, U, J
         document.all("supertext").style.top = yPos + document.body.scrollTop;
- `+ ?; u2 a/ Q, a5 E9 t/ ~         }. A5 P6 ]) H! r8 Q/ W3 N2 E
      else if (document.layers) {# n% w* W$ y6 X9 p. Y  P1 h, m
         document.layers["supertext"].left = xPos + pageXOffset;% M4 s7 d7 |  I3 U  S* q) L: \
         document.layers["supertext"].top = yPos + pageYOffset;) L" T! c  d6 n7 }: t2 c2 ]
         }
2 U0 n) z- X. a: Z, t0 l1 T      animatetext=setTimeout('moveBall()',20);
6 b! ^4 w4 X, [0 F      }: _0 {- e5 |1 l! g& Q
   }$ J& V- J& Y6 r; \- Y
( G+ Y7 L& R! W, f! B
function calculatePosition() {' J7 \5 |* O6 s
   if (xDir == "right") {
3 D- n4 Y/ J+ l* J      if (xPos > (xMax - contentWidth - BallSpeed)) {
( I3 r8 D& z& p! R' C+ N         xDir = "left";
' P3 g+ }( c/ r; f+ M: f) V         }
: D( B* v* R* b# }: [      }
: t+ b: T9 a$ z2 O! [   else if (xDir == "left") {
( t  d( J* s* X* c; q9 \6 w      if (xPos < (0 + BallSpeed)) {9 {2 M: c& F* L: }6 G0 S! b
         xDir = "right";- T2 S+ M+ Z+ |8 O" @/ w& g
         }. j. k% k$ |0 s9 m9 u1 _+ A- e' [! }
      }
. ]' d( T# T. s( ]' J8 Z   if (yDir == "down") {6 Y6 n: r9 y" Z$ u, a# a3 B$ `
      if (yPos > (yMax - contentHeight - BallSpeed)) {3 }9 R% q( k6 H/ o/ A$ I4 b. l
         yDir = "up";
5 l/ s) V, K: e2 ?         }
* u6 Q* L* k$ C5 A( @  s) Y3 @      }- b( a( c$ M3 ^
   else if (yDir == "up") {. O9 a7 I+ ^3 V; C
      if (yPos < (0 + BallSpeed)) {
) ^8 X' A6 F  J1 R         yDir = "down";
( ?0 J" ~1 U2 [) w3 `' ~& x         }
4 {, U) H# e! h( n. J/ |      }
7 J8 ^& r% @; L; {/ S; ^   if (xDir == "right") {
3 G, }6 `: R3 v" \& P& B, l* m      xPos = xPos + BallSpeed;& v; a6 e; \' b9 r$ C* w
      }' M* E3 i6 s  a
   else if (xDir == "left") {3 i9 @. q. @& a4 y' F0 x
      xPos = xPos - BallSpeed;
- V* W: Q! v; S9 r      }
, m6 [' g; j& d6 C   else {
7 J* e+ V( T; ~( f- x" L      xPos = xPos;9 f# I& O! }- O- S
      }
' w! A( ~0 q! H% V: a! }' [( M   if (yDir == "down") {
$ y1 X. M+ `- n$ T$ }& L' I! ]      yPos = yPos + BallSpeed;" [4 N, p- w! T
      }4 O7 P( r, G+ e( M) u7 E" I
   else if (yDir == "up") {; m+ Y/ W6 [4 ?% y0 A& G0 [% ~# D
      yPos = yPos - BallSpeed;) m9 a. v' R2 L
      }
6 @% q0 L, i, D" k' h1 @   else {* h7 x; ]# Z: u. _) i
      yPos = yPos;
" I3 A, `4 I. e      }0 o$ f1 |+ h5 k- B9 {6 e3 N) v
   }
+ `- w. `% @2 ?) z% H4 ^0 B' K2 S$ ]- S& D4 s' ?2 y; z5 Z
function hidetext(){6 Y6 f* \9 ?9 R
if (document.all)- V- r' G0 r; r8 S* X
supertext.style.visibility="hidden"
* \  v/ C+ f- \7 `6 e) \' y, c) F. celse if (document.layers)# a' P# C% C$ R7 X# @! w
document.supertext.visibility="hide"/ P! ?' Z- d( X( x: O, R0 o+ Y7 n  Y
clearTimeout(animatetext)( B8 u* [; S4 [" J  `
}
' B) s  L, U' P* d$ ?; {
" @0 m' X- s9 h) d# m- x7 _, E8 s- cif (document.all||document.layers){
4 h1 A3 r9 F0 C: z0 G; i. e9 adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 W: ^; S/ Y8 s# g. H4 y: W+ x
window.onload = initializeBall;
/ _' I3 B, V* j8 c/ v( I& Dwindow.onresize = new Function("window.location.reload()");
! Z% t. T. @  \0 O2 ?2 T}( ?9 D& C2 d) O: C$ c" g! e6 G- Z
- G5 u. }% b1 [2 u6 k$ }0 }
</script>