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

zw2004

<style type="text/css">. f5 y  O# Z! `# ~7 s
#supertext {$ w; {1 F5 E# _
position:absolute;) y6 ^5 u+ H7 `
left:0;8 m% A8 {7 Y, p7 w4 R
top:0;# }1 w) d/ T+ ^& F) ?3 P; j
visibility:hide;( c8 |2 `7 x- d' }' K
visibility:hidden;
" t* v  u8 D& z}) Q( x4 T" X2 s7 C  I( _: ?
</style>$ d# V9 E# ^3 s
<script language="JavaScript1.2">6 q' a$ q# J( K: |% e+ v9 }, m
<!-- 改变下的字体的大小。颜色-->
+ G0 e: n# A+ I/ i0 I: a* k$ Qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 j8 g! f  R* ~; Ovar hidetimer='';
- ^& J" V8 h7 x) w<!-- 改变下的弹跳速度-->9 _7 ]9 ^: a1 I4 |- G% U  Z
var BallSpeed = 20;0 q- l- ~: n3 L# K/ T1 r8 S  ]" v
var contentWidth;
% Z0 o. ~* ^/ {, H9 i5 nvar contentHeight;$ b9 d6 l% b+ t. I" o/ S
var maxBallSpeed = 50;/ j# c) @0 ?% X8 `9 N( f
2 v% v. c: ?" V$ u. x1 J$ m

9 B5 i( Q0 |+ U' Y8 Y* D( Cvar xMax;
% @( @3 {; |  y' p8 E; q8 evar yMax;
7 B1 v: z$ e/ ^- V0 u" |/ D$ tvar xPos = 0;5 Q- I6 G- C* i- ]) W) V% q/ {+ d7 ~
var yPos = 0;- g' {# o' C2 u0 |% R+ K! z
var xDir = 'right';3 e' o, W  i* H& `  E3 }( B, a( y. i
var yDir = 'down';
5 Z. U# \, j$ Gvar superballRunning = true;
* T* O9 u$ F- {  K6 `var tempBallSpeed;
6 g* i9 b, s9 t; w2 Gvar currentBallSrc;# Y4 n+ x; @' ^2 |+ I, X, J
var newXDir;2 \5 i3 ~0 E4 }0 _+ r3 C
var newYDir;
) R" [, V( g" U9 D* c+ r" A$ L+ M8 y$ I# R* p
function initializeBall() {4 ?- R9 Y1 p0 {9 U8 s
   if (document.all) {
: _' M% G8 T* ^* ~1 E& u2 X% `      xMax = document.body.clientWidth
% F. ]0 r0 i6 ~      yMax = document.body.clientHeight/ @7 J$ ^0 E# f% r. w, u' J! ]# B
      document.all("supertext").style.visibility = "visible";2 ?  ?0 S3 M( w7 J2 w+ o& b/ l. c
      contentWidth=supertext.offsetWidth# b* d# ^- s" I7 u
      contentHeight=supertext.offsetHeight
, z5 ?: J) N( @+ f& K: J      }
8 f% C& c, d# Q- p$ v: h   else if (document.layers) {5 ~0 `  e0 Y+ e
      xMax = window.innerWidth;
) j  d* Q0 V& I      yMax = window.innerHeight;3 q# T0 q' t/ _  Q! h
      contentWidth=document.supertext.document.width: W5 `5 T4 G& f1 j' R
      contentHeight=document.supertext.document.height* @2 l4 o1 Q) Y$ n! C
      document.layers["supertext"].visibility = "show";0 n) w$ c: i6 z' u0 D9 H
      }$ K( ^& `8 T% v& V& x- a, G
   setTimeout('moveBall()',400);9 ]" j$ q: \& i, d, X4 E  D
   if (hidetimer!='')
  K2 M, Z9 P- o5 d. {3 T: {   setTimeout("hidetext()",hidetimer)5 @) j: @2 E4 h* D
   }: d; x; Q' S, F9 l5 e7 k3 y7 x/ a* {

% ^( @2 w, L# z) r) s3 B. vfunction moveBall() {# Q$ O4 |3 X# A5 B1 a
   if (superballRunning == true) {1 E; w5 i; f8 m3 f" N* }6 T* ]
      calculatePosition();
0 n* T) m; y3 S2 [" ?. v      if (document.all) {% l3 A" O; O- G( {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 I$ X# r! j& e0 A4 w
         document.all("supertext").style.top = yPos + document.body.scrollTop;
! t0 p1 B7 P5 O* ~. v, g         }
9 [6 A9 z- a2 n+ w8 r( p      else if (document.layers) {+ R0 C& U' {1 h3 t
         document.layers["supertext"].left = xPos + pageXOffset;5 Y7 b8 m, J" R$ S* A: @( [/ r+ x  _  U
         document.layers["supertext"].top = yPos + pageYOffset;3 e6 T9 n$ ^- k' h7 h2 h: F  x1 S
         }
8 T: T! H+ W0 g: r2 p      animatetext=setTimeout('moveBall()',20);
( ^2 a1 b: Y8 d: G. o! T; h2 y+ U1 d      }
2 d$ u5 d# f1 F$ E# Z: B   }
' f+ K1 y% x  s) c; O3 T) J$ {1 ~4 _1 K
function calculatePosition() {2 I* m9 s" _' P6 j* J8 ]# B+ r
   if (xDir == "right") {2 U! s7 |" ~) w+ ?
      if (xPos > (xMax - contentWidth - BallSpeed)) {
% ~& j$ h6 C9 Y0 W         xDir = "left";2 A$ _, ~$ O8 B' i0 A2 |9 J- @
         }
; J! i; }# U: H1 _7 x" f$ h) ^5 R      }
, J: _  j3 k% k3 i4 T   else if (xDir == "left") {
8 o# u4 R, B' U# i) V* j      if (xPos < (0 + BallSpeed)) {
6 c3 l) a9 g' y8 l         xDir = "right";- q- k; A9 P1 q: Q
         }
0 C5 d6 l2 [0 c' G      }
+ F  U% x" ^' m, D; d- n   if (yDir == "down") {8 M! q4 v3 c9 R
      if (yPos > (yMax - contentHeight - BallSpeed)) {) n8 E' y/ z" w5 r( q' D
         yDir = "up";+ e4 c( |* X% g8 J  H4 |$ j
         }4 A5 B& b  s# z! d
      }
  w1 y) w$ X3 e  |   else if (yDir == "up") {
7 l9 u9 R$ i  s5 }/ q( k      if (yPos < (0 + BallSpeed)) {9 M0 ~4 r# f% z1 h: y# R
         yDir = "down";
1 B/ [" ^- v/ x4 O+ x         }1 p! t1 t! i& Q9 s( U: i. m
      }
3 ^0 W. N- g8 b: Z) X) V# H* q$ O   if (xDir == "right") {$ [. r/ ~: v4 e) |+ y
      xPos = xPos + BallSpeed;
* v' z: A& r; N* Y# l6 G      }
3 x# N* E) B' H( `5 J6 L  h1 p   else if (xDir == "left") {& J% O! P' O3 _8 b
      xPos = xPos - BallSpeed;
( v; c3 ?  U! O* G+ i      }4 L9 C4 E, f: b) D0 [& c
   else {
) j. Y+ Z# t9 w2 K      xPos = xPos;' T+ j* q, _: \  P) P9 J3 v* M
      }) p! C" G2 s. J$ U: Q
   if (yDir == "down") {2 E: o3 ~6 m" s1 `( F+ ?( q3 D
      yPos = yPos + BallSpeed;
6 w2 H# l% f8 I: D+ H( {8 k      }
0 J. |5 x/ \& ^& a& Y   else if (yDir == "up") {
, e* m( S/ Z3 b) U0 ?% m9 p3 R      yPos = yPos - BallSpeed;
% J$ a  ~3 X- U7 \8 E/ o      }/ x1 o0 V. i$ n7 Z+ Z% T
   else {- W$ {8 r5 q" E3 _
      yPos = yPos;
; J. P2 @: o+ S5 V% g: P      }5 Z* ~) J/ S6 G% t* S
   }
3 o( D( N) [, Y2 C2 x
; Y" W8 [1 x. Y$ O& n( Yfunction hidetext(){
. d, j3 i7 U' m7 {' p' pif (document.all)8 w7 K; m) `! f1 a; i. h
supertext.style.visibility="hidden"4 [: C3 a, x+ |$ |! j% H" s# l
else if (document.layers)
+ H( D7 @1 G4 S3 z% v* Rdocument.supertext.visibility="hide") x, i$ Y1 k! ^$ h) ?3 ^$ d- N" I
clearTimeout(animatetext)
* L9 Q) I7 {6 c0 {$ x4 B}+ q; x0 ~/ f" l3 l# q1 T8 I
- W9 G: J  Q) j+ o
if (document.all||document.layers){- v3 V2 |3 y( B. C1 B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. ?/ ]  y4 |  V- mwindow.onload = initializeBall;2 c" ^6 r3 [. o2 j
window.onresize = new Function("window.location.reload()");0 m1 R' i3 B2 {# ~
}
4 d7 {, T* u, w4 M# F5 s) A
: ^1 ?3 K$ Q* S! B2 q7 i" F</script>