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

zw2004

<style type="text/css">5 |& g( E8 @! z8 o1 B8 M7 ~# r
#supertext {
* Q0 Z& i+ m" \1 X7 y& ?* T" Dposition:absolute;
" ]" t3 ?5 I0 `# R, J, F: @left:0;: [$ n5 H. f. A1 r# J9 ^
top:0;$ O) f6 F  w; T# L4 Y
visibility:hide;5 D3 `2 n. t: L. S: U$ }% u
visibility:hidden;# ~( q' N6 K: c; E: g+ Z9 ?
}
9 m, v/ B* w0 j* t; H2 r% j0 m  K</style>
* G4 s0 D8 R4 k7 C" ~# m<script language="JavaScript1.2">
. C+ M5 H& O/ S5 s! F$ W( O<!-- 改变下的字体的大小。颜色-->
( T- a) d( E2 {; P- y8 Nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& L6 K% L- h0 a8 Y8 D9 Q2 n
var hidetimer='';
$ @& L7 N  z5 L9 O<!-- 改变下的弹跳速度-->
: t5 n& ~3 s3 O4 v# @' F8 yvar BallSpeed = 20;% \4 X3 r: Q9 H4 }5 K
var contentWidth;" Q  L1 K' }& c$ M2 e2 A
var contentHeight;
: j) B4 P0 o/ m# C6 W+ j3 Hvar maxBallSpeed = 50;  m3 I- P7 B) F% U: E6 a

0 i, W: c! j) G5 Q0 L, i/ m/ a5 G$ Z! V- x- b
var xMax;9 m; `( Z8 X( [) Z" e( Z$ Z2 G! A) F
var yMax;) h# K! h& V3 ~$ v6 i
var xPos = 0;% S, m) F1 L* e, c7 x
var yPos = 0;  d- F/ c* e8 `  n0 Y: H9 I
var xDir = 'right';
. H; `# T; |- z9 W: Q6 Nvar yDir = 'down';
* ?! k' V/ O. I  v  e2 N. qvar superballRunning = true;; i2 K( B+ f1 p/ k
var tempBallSpeed;* K9 D4 w3 }' k  k% N
var currentBallSrc;/ E- u1 k3 r: X- _# E4 e
var newXDir;: E2 ^+ A, g, _9 b3 k  ?
var newYDir;; f6 `7 K+ t+ A' j9 ~$ V

6 w: b- a: |( S% t" g" P" Jfunction initializeBall() {4 P; W- z9 [) d3 d
   if (document.all) {! u1 n  V2 @) h- h, g
      xMax = document.body.clientWidth
9 R& |! V& L& I5 O4 y( Q' S      yMax = document.body.clientHeight
8 X" x$ r5 b3 }+ }* w) E      document.all("supertext").style.visibility = "visible";- v' ?5 w% D( ?+ j5 y3 Q. N; n
      contentWidth=supertext.offsetWidth
% C  S& ~5 |9 y% h      contentHeight=supertext.offsetHeight
0 j, V5 {$ T2 M  G% V8 g      }/ E! C& B) ]$ ~$ g4 G
   else if (document.layers) {
) c) c& m, [7 I4 o, G      xMax = window.innerWidth;
% l/ _% z7 {! H' z/ B* R% B      yMax = window.innerHeight;: z* L( w! e4 t' m: A2 M
      contentWidth=document.supertext.document.width
' \2 o/ F. |' M- L4 V7 P) }! O% W      contentHeight=document.supertext.document.height' O, @7 X8 f  p) C
      document.layers["supertext"].visibility = "show";
% X$ J4 P' M) |7 S, B5 y6 R      }
# \! [) h2 f8 z/ L4 K   setTimeout('moveBall()',400);3 Y- Q+ L& a& u" b
   if (hidetimer!='')0 m, M- j9 f6 C: `
   setTimeout("hidetext()",hidetimer)
/ k' R' v, I# K3 d0 B# o   }
. a" E" ~4 B; }$ W2 c% b
# l8 ~! C" j6 l3 W3 r( m6 Ffunction moveBall() {% M5 t* Z& G* ^. A8 D
   if (superballRunning == true) {( W5 f0 y" N' V; Z
      calculatePosition();8 P4 x1 `$ ~7 f5 D* V' m( R# T
      if (document.all) {+ j2 E1 F: h' g5 l
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) G0 Z, Z$ ~4 p5 }& k6 f
         document.all("supertext").style.top = yPos + document.body.scrollTop;
! w. {; n9 A+ h& r. O6 R         }- r' v' `. p3 W$ S7 b) X: `5 E
      else if (document.layers) {
# F  ]. Q9 }/ b+ J2 L$ L         document.layers["supertext"].left = xPos + pageXOffset;
: r( z. N% [, M/ @% g# x: \1 d9 j         document.layers["supertext"].top = yPos + pageYOffset;: {2 _2 i: P0 o' N
         }
( t. z5 \% X3 v% c; i3 N      animatetext=setTimeout('moveBall()',20);
, d3 V, q5 V1 f% N* [) g- t      }
# ]) H9 t# J9 a, i* D   }
2 }+ B) v" d9 F, }( Z  v. ]5 Y0 _' z1 Z- X( b, Y5 q
function calculatePosition() {
: B9 ?; N8 F: D+ N( w3 j, F   if (xDir == "right") {, ]/ h0 `/ H4 @6 o) m+ L* o
      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 U3 N4 y/ N: k; R8 Z5 y         xDir = "left";4 N" ~9 K2 c5 Q6 {& T% R1 p2 q) K: {
         }$ H0 a: R: }) |9 R& G$ D
      }
  L% B: }3 W& V, S' ?   else if (xDir == "left") {
6 i% J4 F) |! ^# ?; j3 N" P& z# p      if (xPos < (0 + BallSpeed)) {
' T. M. l5 N5 W' c$ ?         xDir = "right";, \6 W$ G, @# @% i  h, T% G4 P
         }
: {; Y3 i) t! }' z5 i      }  T7 z, L6 i$ K- a# `1 c% a& p: b8 q
   if (yDir == "down") {
+ n  c, p8 S8 Z; W      if (yPos > (yMax - contentHeight - BallSpeed)) {8 G, p: `1 U3 m. M: v
         yDir = "up";% I8 \- S( s: U& ?, T" d
         }5 @* C  M1 e' W: X" x
      }
/ o2 ?  s  P+ h9 b* x8 l8 N   else if (yDir == "up") {
0 O! }! l: {- i      if (yPos < (0 + BallSpeed)) {# Q, v" a  i: x5 r6 n8 h
         yDir = "down";. z/ W$ R8 @  c+ v- X% x
         }
; |) ?. D* T+ ?9 v( f( R  _5 j      }
$ V+ z1 b+ g/ r- X   if (xDir == "right") {
6 r* n7 U4 I/ e8 f      xPos = xPos + BallSpeed;
! \# F9 w0 b$ l) A6 v      }# t  @+ K; X+ \+ B. b$ y( ]& U
   else if (xDir == "left") {4 @. ~$ `& ~8 o/ F8 ?: q
      xPos = xPos - BallSpeed;
' O0 m1 l3 H  \' \      }# l0 B5 w, r9 L
   else {* `5 P" Z* M0 u
      xPos = xPos;7 @) e1 B4 ^: x% }' K
      }
4 Z$ `' ]" |* ~  f6 g   if (yDir == "down") {# _( x) n& F8 a( h, R1 c( _/ d
      yPos = yPos + BallSpeed;
  S" t) }/ f9 w7 S5 e# ?( \! g' [      }
9 y3 J8 p# f0 l" S   else if (yDir == "up") {
5 D  J$ _& l7 T7 F9 t! }      yPos = yPos - BallSpeed;
/ k. _; I6 P. }$ v2 _: l$ S      }( r# w; U: x! F& V
   else {
& h+ k; D  Q: X; m( ~7 a7 O      yPos = yPos;3 ?3 I4 J" O5 S
      }9 q/ f1 ^+ D, i# U) m/ W; D+ [
   }2 d6 M( J/ x% r7 W/ `/ f

9 D0 f: Y) x* j3 x. Ofunction hidetext(){1 F) U$ o3 e/ Q6 l- B
if (document.all)
0 ?5 C2 v' ?7 W: g* s- @" L) \supertext.style.visibility="hidden"
1 I4 {* Q) A4 telse if (document.layers)
; e) J1 y/ j/ W% a  b) p4 Wdocument.supertext.visibility="hide"
1 o- P  E* H4 t/ u5 `2 Y+ q# rclearTimeout(animatetext)8 Z; l4 v; r7 X  q  y: `8 x$ |. R; T
}
) x+ W8 C* i3 A8 @( l1 @
9 b8 o) F, D' w* e! C7 pif (document.all||document.layers){
5 I" U& t& J; [9 z8 fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 J9 r8 _, ?: k. G7 |3 F' X# d3 l. ewindow.onload = initializeBall;7 R+ }# u) P9 d& P( x- V' x
window.onresize = new Function("window.location.reload()");; }9 u, r7 e2 `6 U
}
: D% Q1 p2 Y, A* P5 l
$ A/ X- u# X3 Q+ k</script>