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

zw2004

<style type="text/css">
- ^! y5 H' @9 O3 h#supertext {( t, S- p& p7 h9 R2 }4 ?1 e
position:absolute;* e7 a+ d% U2 g: f/ [; j2 x
left:0;: \' A! k, p  O1 G$ ]
top:0;4 e, Q2 k9 i$ ~* y: ]0 ]+ C
visibility:hide;5 T8 d8 f0 S3 r1 v
visibility:hidden;# l( U* }; J" t8 P' W* r
}* Q: v( I4 o# @2 h2 I4 h
</style>( o! l; j0 \; e8 q( v
<script language="JavaScript1.2">, o4 l/ B3 J# \3 Z  |6 s  J
<!-- 改变下的字体的大小。颜色--># f) o: j1 b! I  s" _+ h, [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# L" F: ~2 T, Y
var hidetimer='';( `+ A: d9 ~5 }
<!-- 改变下的弹跳速度-->
! {6 S2 i# _" H- @: H9 |( M7 uvar BallSpeed = 20;6 i9 [; M6 e/ ~
var contentWidth;- j$ J) L2 Z! J" y% v
var contentHeight;0 O# T2 s2 V$ `2 f' S
var maxBallSpeed = 50;' H4 t- j& j; m7 ^: {

2 L% {% l! e; G% A2 S) n) H
2 x% n. P# S* |2 T) Rvar xMax;$ C: d2 n8 @+ J8 K
var yMax;
) ]- ^3 q% Z2 \. w2 @+ Jvar xPos = 0;
) L: F0 O; i3 ?var yPos = 0;! n$ t) q/ \6 q
var xDir = 'right';8 J0 ?/ a. }  }. E! }" K
var yDir = 'down';
+ O7 m. t: f# G5 Zvar superballRunning = true;
1 f- x% B- w9 W) qvar tempBallSpeed;
% O+ B9 `7 X- z' f8 _var currentBallSrc;
( N, h# R+ {2 P% Pvar newXDir;. ]" b2 g0 U& Z, p. `# ]7 D2 E
var newYDir;
8 \7 q! a6 L- O' J. g9 u9 d4 [
" g& C( b2 w# A- K2 l1 Yfunction initializeBall() {
3 Z8 [/ p9 X1 r+ E   if (document.all) {
$ D# u: n5 t! O$ T      xMax = document.body.clientWidth5 l9 C  v! h( |) g
      yMax = document.body.clientHeight3 w# B' U/ \7 m: w% u* ?! P$ T
      document.all("supertext").style.visibility = "visible";+ O$ a/ \6 a0 e2 n* b" @
      contentWidth=supertext.offsetWidth& C$ E, N( F! r0 r! [
      contentHeight=supertext.offsetHeight
5 F; o  E1 X+ ]3 ^2 A      }
' f9 J, k0 D3 g, {) R( ]   else if (document.layers) {
9 G* g# R6 E  O9 g- p- u/ Z      xMax = window.innerWidth;
$ c8 p% o; s9 @/ J' k      yMax = window.innerHeight;$ a" [7 H4 q* c+ Q
      contentWidth=document.supertext.document.width
9 p1 s/ A) n7 X, |7 H      contentHeight=document.supertext.document.height; d) V# k: B% ]# w+ v% T. T, F
      document.layers["supertext"].visibility = "show";
+ P, h* d. O9 I# M      }) C* C" q$ B9 b7 v& u1 L
   setTimeout('moveBall()',400);& B4 p. _+ v/ C0 J
   if (hidetimer!='')  F+ E5 g7 ?# a: X; [
   setTimeout("hidetext()",hidetimer)1 d. L' M' S9 U
   }
* a- v# N' U! p2 n8 [; x8 \+ y/ r5 ?% a& A: _7 N
function moveBall() {  D# g3 `: c' u8 `- u: Y
   if (superballRunning == true) {, ]. o, ^9 Y, l5 z8 d& U4 w' I
      calculatePosition();
+ m; F& H: X: N/ k" I. Y      if (document.all) {
: R! b' |; I! K- \- }; u  V1 d% q) R         document.all("supertext").style.left = xPos + document.body.scrollLeft;  O& G  T0 b0 h8 ]
         document.all("supertext").style.top = yPos + document.body.scrollTop;8 @. X0 A/ s2 p$ L- q- s3 @1 z
         }0 I! X0 s# D( Z
      else if (document.layers) {4 f$ M) C5 M% E/ [7 Q0 h# ^+ b! H
         document.layers["supertext"].left = xPos + pageXOffset;
1 ?- _2 I% \: g6 e         document.layers["supertext"].top = yPos + pageYOffset;' h' h6 s% Q3 p. v3 L8 W/ L" G
         }
8 R/ {' [* V5 v% |      animatetext=setTimeout('moveBall()',20);( M) H0 I2 n( @! @5 R
      }
7 V1 B5 d! I1 i. c' v3 P   }
: p1 h* k! |% G" x  g/ I. _8 `! a, ~3 [' k. ?7 R7 d
function calculatePosition() {, Z" J5 E3 T# L. O" l! f
   if (xDir == "right") {
6 Y$ V9 I, E9 M, V$ |) `      if (xPos > (xMax - contentWidth - BallSpeed)) {: b5 e) p9 z( k1 k) u
         xDir = "left";# f- F" [$ o5 H) @
         }5 V9 i* X' V) F5 Y& s  m
      }4 P1 R  B: S5 c& L
   else if (xDir == "left") {: G' }$ ^7 y; o! P7 e, c: z0 U
      if (xPos < (0 + BallSpeed)) {
/ s' T! w% `+ G) Z         xDir = "right";7 b% W; r( A0 k% z; a. c" h1 y
         }
$ N9 l* v. b8 w- @  _0 S& b      }
" Z8 Z% q; F3 w* n0 a9 q5 C   if (yDir == "down") {
2 A( }' W2 F' ~  x" O1 z$ h2 O      if (yPos > (yMax - contentHeight - BallSpeed)) {
# }1 o+ }+ n; W! ?6 }! b$ r* \         yDir = "up";
" y9 G: m7 w: @; n" n& Z         }
, O( ?% C3 g; f3 Z1 E' G      }" _0 B+ x- ~: s- Y3 Y+ w- J
   else if (yDir == "up") {
3 N' n, Y; x: V# w3 `) c      if (yPos < (0 + BallSpeed)) {
  v7 ]& e. H% c9 t3 }  r         yDir = "down";0 _! m2 U  G7 M( T
         }( Y1 d0 a  u: t+ [
      }
8 ^- H2 o1 @4 Y; q   if (xDir == "right") {
" m) t6 Y2 w6 y- h      xPos = xPos + BallSpeed;
3 v4 Z# Z& R' U- h      }6 d* D" ^6 l, R3 i  f1 J. e7 b0 C
   else if (xDir == "left") {
  j2 P: c( R' U/ R1 C9 h  \      xPos = xPos - BallSpeed;
9 ^  q3 v0 Q9 j) Y0 X      }
2 {/ |2 V( T* C9 j. z   else {* ?6 Q, Y( o& X1 t& C
      xPos = xPos;1 p7 S6 C) n0 m6 x* }1 W& T$ H
      }
4 B- w; _& a* r- L$ ~$ B   if (yDir == "down") {
2 i+ X+ X% H- U& O& `      yPos = yPos + BallSpeed;
7 D6 x8 Y' u7 w9 y$ Q* a# E' m/ [      }2 _0 f" e  x7 @% d! x) @
   else if (yDir == "up") {/ Y( ~7 o. H# f
      yPos = yPos - BallSpeed;
6 p; g3 v! V& d4 b      }4 [) d& I9 t4 Y: T1 y* U8 t) E
   else {& a- j% j8 A  v0 e9 @! q+ A1 ?
      yPos = yPos;
1 P# O2 h6 K8 Q      }
( P7 A9 K( G* g8 q! g9 e. ~   }0 b$ F. Z) i$ z/ y: g% b
4 g; T0 B) @3 ?0 W4 ?
function hidetext(){6 Y7 p6 _) }* n3 D/ _
if (document.all)1 p0 ]3 l+ j( W5 `; p+ x+ h1 a6 U
supertext.style.visibility="hidden"
8 d- ]/ ?- u4 Delse if (document.layers)3 H9 @( X4 e1 R" a6 N( d& `
document.supertext.visibility="hide"
/ i- i' t  f0 J$ p8 w3 T* B' F( DclearTimeout(animatetext)
2 L7 w7 I+ |; W- v}
+ Z6 _2 V6 ]9 n  q  g
( _4 A; }1 N% X- v" V" R9 ]if (document.all||document.layers){
% V6 }1 o' Y/ c( P0 \3 Q+ odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# r0 B+ S, n% l& p2 F+ w# b
window.onload = initializeBall;: {6 t0 q) q1 o6 P( A
window.onresize = new Function("window.location.reload()");
0 D! c: K& g; w, q}, i1 _% B$ D5 t  k9 O* z" g8 r
" w/ x! V2 K6 o% a
</script>