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

zw2004

<style type="text/css">: S* x, S+ o8 {  T2 J7 c9 e/ B
#supertext {
9 G6 ~3 ^2 D" y, R/ y* V2 A" vposition:absolute;
4 t) ]# n) p  ?, qleft:0;/ Q& [. |; _) }2 T% X* ^/ c8 b" O
top:0;
: u7 B: z5 ~* R* g8 v6 Uvisibility:hide;
5 J0 d6 {$ @% y) }; @; Lvisibility:hidden;
) u) p: ^3 C# f) O* s$ o  f}0 Q9 N- w. J1 z% q7 O) C$ J
</style>% [8 L$ P, F( r& T8 g  h
<script language="JavaScript1.2">
9 M8 C0 _! T4 S. ?% N<!-- 改变下的字体的大小。颜色-->
; j( u7 J' {9 H" I7 @9 }1 svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 ?- F* e9 {! D+ N3 }6 k' D+ S
var hidetimer='';# W4 z9 b, i+ A2 a  s- A( a
<!-- 改变下的弹跳速度-->
3 E$ G; y9 H  y. Q3 H& Kvar BallSpeed = 20;: N5 A  h2 N- W0 ~3 B6 t9 W
var contentWidth;3 F1 @) o0 @2 b' E" U. |* X: T& y( B
var contentHeight;
7 M# U& E* e3 g5 \$ t; I. Bvar maxBallSpeed = 50;
  _# K+ k! x7 ?2 V# ]2 G. V3 r
; H7 C8 w9 P( e. s, d0 H: Z7 j" }/ [( m/ j
var xMax;
, S- r+ M8 |. I! H  pvar yMax;
, x# B3 u6 G8 ^- L6 a  wvar xPos = 0;
8 {! \- A3 W( }2 n: Uvar yPos = 0;
: Z' ^  t( M* s' c: b0 r0 l* Pvar xDir = 'right';
# v% q+ b/ R& N, x4 M* L1 W" g# zvar yDir = 'down';  B$ o* y; Q& ^" P! E. r
var superballRunning = true;9 |8 t* G' `* {
var tempBallSpeed;
! C+ L( g& o0 w; wvar currentBallSrc;# z6 p) }( \! `; `  j
var newXDir;* q$ M4 V  S$ d
var newYDir;
* S3 T1 W% }) g9 s: s+ v, j2 g! N, m4 I: Y
function initializeBall() {
* i* M4 q1 a8 O- D$ D& {) L# h  w! @   if (document.all) {
3 m; a. I4 N& B. g9 X, d7 ]      xMax = document.body.clientWidth
" t8 r+ ~' O: X( d/ T' s$ @      yMax = document.body.clientHeight
; v: n* B! n1 H& R      document.all("supertext").style.visibility = "visible";# _# k0 |0 D8 |; W7 K
      contentWidth=supertext.offsetWidth
, n" b3 |4 x; J$ ?- J      contentHeight=supertext.offsetHeight% w; Z% q! q4 c8 D" g1 ^
      }# U" e6 Y' u5 v6 a0 B
   else if (document.layers) {
7 h/ S5 C& v& e0 ^- g9 ?      xMax = window.innerWidth;
! N! }* b# Z, e9 }' a( s9 k% ?      yMax = window.innerHeight;
3 |) b3 r) N  {      contentWidth=document.supertext.document.width
6 z) u0 m7 E5 }3 L9 U7 D7 ^      contentHeight=document.supertext.document.height
- ^" a! I, _! T  g      document.layers["supertext"].visibility = "show";
, n* L- m; L$ `      }4 ~9 w3 R, \  I0 I: j4 e6 ?) b
   setTimeout('moveBall()',400);
- W1 l" D- Q( \; G5 _" j7 E- ^   if (hidetimer!='')
3 q1 M( ~! N7 j8 |0 k: r' o% r* c; V   setTimeout("hidetext()",hidetimer)
8 \2 d. B0 {9 o  O   }
$ {, f: \' J% N7 ]' w" a+ s+ y3 ?3 f: B& O, S
function moveBall() {, y, o; u# Y" R$ D, ?
   if (superballRunning == true) {5 b( f! g- a2 T
      calculatePosition();4 ?; Q1 T' n- J* F' I, V& _
      if (document.all) {! p7 [9 v& K8 ?
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 I! P  i, _- q) ]         document.all("supertext").style.top = yPos + document.body.scrollTop;
, I: [! b! J  H         }$ E. f+ @2 Q% R" P
      else if (document.layers) {
/ l5 X& h, r1 ~. X         document.layers["supertext"].left = xPos + pageXOffset;
1 u; k( W& Y$ h9 v6 _" }         document.layers["supertext"].top = yPos + pageYOffset;
2 E6 ?! o3 R7 Q" m7 e$ ]# {         }& x. V9 e7 R+ ^; n8 h2 i. C
      animatetext=setTimeout('moveBall()',20);- U5 a3 |8 o' X% x
      }( G, o% y! J; z4 y1 T" Q
   }0 ?. I9 B  T3 v( r7 |! p
6 U8 H; U) y; P; u: K4 q7 b4 X) c; w
function calculatePosition() {
* J! {% L! x) i0 N; b0 u. d   if (xDir == "right") {! Y8 Q% q  X. T$ a
      if (xPos > (xMax - contentWidth - BallSpeed)) {; S# F$ n+ T8 r$ a0 \/ ~
         xDir = "left";7 Y5 P/ Z9 m+ r; t. e: f
         }
9 w6 [. L; d5 d( D. _      }. s* [  b. Q; }  F# |
   else if (xDir == "left") {' u6 k/ J# d, V$ V" O  S7 J7 F
      if (xPos < (0 + BallSpeed)) {
- D. J3 H1 m7 _         xDir = "right";0 W+ U# z/ k; n4 B2 T+ f
         }
5 v% ?0 q8 k: J' U. v9 s2 \& Z      }4 n" \$ r! g6 q' ]+ m) _- b" f4 h% J
   if (yDir == "down") {; N5 q9 A: w" X
      if (yPos > (yMax - contentHeight - BallSpeed)) {' C2 z' R' C; L- D
         yDir = "up";
0 G+ j* j. ]# m% z% e         }5 }+ ~9 `" L: z, h" d  E! g
      }8 W& |( s' O$ R/ [% N
   else if (yDir == "up") {) V5 i" V1 x8 G
      if (yPos < (0 + BallSpeed)) {
! a# H4 O4 X3 @7 P" @         yDir = "down";. p% |8 k- _' [  m; G/ _4 A8 X; \
         }
' ?6 h8 E0 w9 t) U$ e      }8 F3 Y% W8 p" X% N
   if (xDir == "right") {
2 {% z4 z" [' H( u      xPos = xPos + BallSpeed;
& A  w( D+ k6 u. o0 D6 ^      }; ]# X8 g0 W8 `8 d0 y, ^. B
   else if (xDir == "left") {
& X7 v) d+ n2 C3 b, f- T1 V      xPos = xPos - BallSpeed;
, ?& _- E+ |# U      }4 d% R% Z4 n' ^
   else {
6 W$ s. Z: D# Y# m      xPos = xPos;) n' Q$ _- z  v
      }2 u: F$ [* l* x' A
   if (yDir == "down") {
, Z7 Z. V8 }- m4 O2 @9 U4 t      yPos = yPos + BallSpeed;% J. V. f# U5 R+ c" b, U6 o+ y
      }
# v: T' ?  R8 V  m   else if (yDir == "up") {
7 o; n* P. N8 v8 q9 J8 o! K5 ?      yPos = yPos - BallSpeed;" r4 ]' f; m* l3 t* a
      }1 K$ Q+ c8 _# `. v. K* p
   else {; s* {* }* o7 S1 @$ E3 j( G6 B  u
      yPos = yPos;9 u! A! h/ i- e2 [8 |
      }
: z" f% m" ^* C' m4 C6 b  G   }
- Z" Z7 A3 W- L; i- s: \
& U( \: p( v8 C9 m( cfunction hidetext(){' Z) z: u" B# Y4 k
if (document.all)* u; f! s, D1 l0 O! ]$ k8 M- Y
supertext.style.visibility="hidden"8 I7 W6 V$ x! D: r: D# m
else if (document.layers)9 _+ n& w+ r' F4 e
document.supertext.visibility="hide"8 I4 q9 M6 T9 r. M' |: [; N
clearTimeout(animatetext)8 X& B7 u/ h4 _. I9 _/ D
}
4 _: Z! p. }# |5 s% _- c( [1 j3 p% |5 w5 v
if (document.all||document.layers){
9 W1 }9 D# ?: v# }  Ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 L" G6 I5 A* lwindow.onload = initializeBall;
, Z+ s* k3 e* D2 E& c5 Pwindow.onresize = new Function("window.location.reload()");
1 T5 i3 Q4 c* O1 F2 d5 G}) g* I4 O/ b- S2 o' P% {* `3 h0 L
3 b( P$ F2 |# b$ Z2 ~/ Q
</script>