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

zw2004

<style type="text/css">
) K+ ^8 V6 ^9 W#supertext {: U2 W6 O( m  D6 f6 k
position:absolute;4 b% [" E7 g/ m5 t% }5 {
left:0;
' n0 {; P2 A3 D4 a6 s) U( G4 [6 itop:0;
) ?4 i# G1 Z* _; q8 @! k1 ~3 Fvisibility:hide;
- [. z6 |& x' P2 b" S+ E1 J0 Gvisibility:hidden;
: Q; T0 ?) O" u# Y) f  W6 y}
+ p3 ^4 E2 _2 i4 J</style>1 y7 R) f) g6 `7 k
<script language="JavaScript1.2">
" ^9 R! z& m1 V6 P<!-- 改变下的字体的大小。颜色-->6 {0 M$ j, v% V
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 N0 K+ e: J8 E5 x% v$ ?0 Z
var hidetimer='';$ u8 G9 z/ V! p( H" {, T+ Z% U
<!-- 改变下的弹跳速度-->
$ V7 P$ z- X- N, L" v+ Kvar BallSpeed = 20;
) b" Z1 n" x" Jvar contentWidth;
, L. I8 |0 _3 d. `; H  i5 wvar contentHeight;
$ l: ~  b* L* k  T, Ovar maxBallSpeed = 50;
6 o1 m. S7 _% R5 Z! A! A# Y& t" ~3 U5 ]: D. O* y" w% D. m$ A
7 l6 X1 Z0 _9 Z" j1 J
var xMax;1 `: h7 H  ^" o7 ~6 N4 u2 h
var yMax;* r0 K/ p/ k% j. L: D& u
var xPos = 0;3 C4 g* W) Q- r
var yPos = 0;  T1 E$ h. A' ~
var xDir = 'right';+ Q( z: g, c0 G2 F+ U$ d
var yDir = 'down';
1 a; I, y- w1 Fvar superballRunning = true;
& {. x% W) S1 k" K  J! }) Lvar tempBallSpeed;7 h& b, a% y1 y+ z! d$ L
var currentBallSrc;5 R" n+ O6 a0 f9 Z) U- v/ X
var newXDir;. Q9 Y4 ?' v7 ]3 ^
var newYDir;
/ P4 [% D6 z5 o9 M- M: Q0 |. I
, b) G; ?( p+ I& Pfunction initializeBall() {
3 F  q: @) X! c   if (document.all) {
/ l. M2 I2 t2 h8 V; a+ Q( _3 h      xMax = document.body.clientWidth
1 Q: [8 W' _  [* T: e$ }      yMax = document.body.clientHeight7 z" L! l: U/ w! S
      document.all("supertext").style.visibility = "visible";6 t% w- w" u4 Y+ r% v: v9 H
      contentWidth=supertext.offsetWidth
- u  I" C9 i% P% u6 D* q  s      contentHeight=supertext.offsetHeight4 r& e9 v7 k# T0 }( h# D
      }; w# _" c4 |7 Z8 G6 g# n3 B- \% _
   else if (document.layers) {1 n% x5 B+ J; k' p2 g
      xMax = window.innerWidth;
3 R" d8 H6 `: Q0 t      yMax = window.innerHeight;3 ~7 [- f+ w8 C
      contentWidth=document.supertext.document.width
- G2 [& M+ V! S+ \      contentHeight=document.supertext.document.height
" M8 j/ X: s6 c5 i      document.layers["supertext"].visibility = "show";
$ q# S, w  a% K      }
: d# {( C9 X  t8 M4 F9 u   setTimeout('moveBall()',400);9 ]3 }3 u( v& d1 W7 `
   if (hidetimer!='')7 r- r) p. A/ F! F
   setTimeout("hidetext()",hidetimer)
  B+ c! o8 e* y: d   }7 u7 [! d0 u5 ~# g4 x, C. c3 q$ D- i
9 F0 _9 [/ T( T2 y2 ]# A
function moveBall() {0 h8 B8 a3 _3 E. r# Y+ B
   if (superballRunning == true) {
4 X2 h% y" B9 X8 C6 y      calculatePosition();& P, v# Y; x0 ^8 Q; d: _
      if (document.all) {
1 o% D7 M4 p0 w- o9 b         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 B. y% a+ w7 Q7 }) b* M& ?# v         document.all("supertext").style.top = yPos + document.body.scrollTop;
4 f, i1 y: y. i" s         }
, u1 z) U9 T: E1 P1 l6 X7 F      else if (document.layers) {
9 B2 C  o% J1 \9 x         document.layers["supertext"].left = xPos + pageXOffset;
) F; q' w1 ]1 k: ]0 Q         document.layers["supertext"].top = yPos + pageYOffset;
  W4 D1 z3 }7 z8 c- O) x         }
( C1 H, |# W  _  v) S, Q. O' H6 ^      animatetext=setTimeout('moveBall()',20);; }4 f" F5 Q6 T) z
      }
( ~, l2 k& |3 `1 G" m   }) t0 e# W) r; z9 f5 h9 W6 S
3 D- l* i  v+ i2 C
function calculatePosition() {
7 J% M: D' O' j4 P   if (xDir == "right") {+ [/ G, k& t2 c3 ]- S8 T' y2 V: v
      if (xPos > (xMax - contentWidth - BallSpeed)) {. O* ]. ^+ q, m
         xDir = "left";
6 f4 d# I  y' m3 |         }
7 h! S- Z4 G* D      }
, b( N/ B- l, `3 n, R; \   else if (xDir == "left") {
: R1 P4 i3 |' b; e& b; c3 |      if (xPos < (0 + BallSpeed)) {
! O# b6 Y, J, E         xDir = "right";
! J& p6 n& [" r! u+ V6 ~         }2 o% c0 m! x- u& f' k4 ]2 @% P* y1 K
      }
0 y* e3 H/ a1 P, @! t5 J" s2 r   if (yDir == "down") {
( z, w' g5 p: T7 G4 Y3 o( `      if (yPos > (yMax - contentHeight - BallSpeed)) {
; d4 u7 r6 p8 G: _! Q1 ]         yDir = "up";
' O# R% p# T: F5 p" k2 b         }
. E  w4 J6 {7 {      }# {; {7 X1 b. Y7 j
   else if (yDir == "up") {7 p" `3 X4 ~) |4 T& G/ G2 S2 r
      if (yPos < (0 + BallSpeed)) {
2 e' r) D* `" ?* R         yDir = "down";
- b) Z  L5 {0 A. R* k         }
! ~/ j; a3 W0 i% }; C" h& ^* ?! J      }
3 U2 V. f% R  c8 O   if (xDir == "right") {- m. P% |: l* R7 V% R
      xPos = xPos + BallSpeed;
% f6 g! o* o6 b! Y! y      }/ c3 y, O. h6 r/ ?+ ^7 ?$ p
   else if (xDir == "left") {
8 g) D# E0 L3 b0 d) ^      xPos = xPos - BallSpeed;
% ]1 T; _& I' I8 t! `      }
- m7 i! }- ?5 }8 t! \$ @   else {
6 n- g" l$ ~8 U" L3 Y' N7 ~3 B& \      xPos = xPos;
4 v: F, S, j5 J# \! d- `      }0 z$ U% J+ G# I$ }  W
   if (yDir == "down") {
2 M3 L0 A9 k3 }1 B      yPos = yPos + BallSpeed;2 \0 J0 Z; e% R0 n6 ?
      }- U1 |9 |) q2 [+ ~# c' g
   else if (yDir == "up") {
9 O2 B5 a! e6 U1 H( z      yPos = yPos - BallSpeed;
% x/ }" T; G/ Y( e% {# H      }  ^) W1 V% V0 j6 z* S4 w; f
   else {
  [& C8 c4 |+ {      yPos = yPos;; A7 v' ^2 {8 P/ Z& B/ t
      }
, Y+ r3 _: h4 d: A4 b  H' P   }
" \- T- {1 w% T9 T6 t6 r* a) u8 _
function hidetext(){8 {0 w# v; k7 l+ f  q9 C
if (document.all): m1 e. r' f& X  s' L
supertext.style.visibility="hidden"# p2 a' ~: c! s2 t% x# K
else if (document.layers)
" W. b# M& M4 m$ O, _document.supertext.visibility="hide"
& l$ r, }2 ?4 N) c* P8 d* kclearTimeout(animatetext)
+ `5 U) m5 K3 U5 U}* t% ]4 j" a* Y5 L2 a- t
! Z1 V( a2 |& g% j/ x
if (document.all||document.layers){
# s: G/ D4 }4 Q& ?6 cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ F9 C$ a- _" @/ |1 f3 ]
window.onload = initializeBall;6 c8 W/ P. K3 [7 v
window.onresize = new Function("window.location.reload()");4 g5 W8 ?; |8 f$ H! }* M# D4 g
}
( r7 J! F4 O( J) Z) s  Y2 u$ u) q' L
</script>