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

zw2004

<style type="text/css">6 s. M) B. u" D" Q
#supertext {
0 U% B/ S# }  U, N. [7 Jposition:absolute;1 ?* ^+ R, T/ a2 r
left:0;
! T8 {0 a9 H% h. ?- c% ztop:0;, ?) r$ n; I% s- F  b. U
visibility:hide;9 G6 i) d4 a3 ~5 g! R
visibility:hidden;
/ ^! [. J1 Z! x, s}% v* _1 k* |8 L: X: f0 a& g
</style>5 t& m* s- Z! @* a% u1 p
<script language="JavaScript1.2">3 k/ y& |+ P8 E
<!-- 改变下的字体的大小。颜色-->
* Z$ j3 y) j1 r' l; X2 Fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 {0 s7 h8 B4 V) O4 D4 t
var hidetimer='';2 T8 r: C; A0 C; |7 a$ D' K
<!-- 改变下的弹跳速度-->! B* X1 Z+ n/ X( N+ [
var BallSpeed = 20;
1 C. x+ v, g+ N  L( ^% J! Svar contentWidth;5 X# Y5 X& f) z+ \$ t1 |0 l, A
var contentHeight;5 \& U4 K( K# o$ ^: L9 x# A  Q
var maxBallSpeed = 50;
( N; \% n+ B0 O# O" ]
" e  m! G  z8 F# o- A
# g" X) W: @& J( x# q! Gvar xMax;
4 }0 n) V5 {6 a; c% ]7 c" \var yMax;# N% \4 H# J( ^8 O" r, R9 f" E
var xPos = 0;( A3 B8 {( L, F! Q( B2 m! ^
var yPos = 0;$ n$ @& f( U% Z4 B$ B) h; W
var xDir = 'right';% \& Z6 e6 p, A* h7 a1 P
var yDir = 'down';
3 Z- m$ [+ z; c, G- T1 T3 Pvar superballRunning = true;
8 @0 [3 {* k' s% X* E1 Mvar tempBallSpeed;3 z$ O- f, K# z& N) h- j
var currentBallSrc;
" a( V9 O& y. A+ g, N( B) {var newXDir;
" N: d. D8 a! U# V0 Evar newYDir;/ T/ O2 z: z" B5 O2 t* a
' z3 F' S3 K5 ]  D
function initializeBall() {8 N( P9 q, r- t9 c% J  q* W4 K
   if (document.all) {- l5 W1 y( X9 z. l: D0 u7 g  g5 O: K& t
      xMax = document.body.clientWidth- K1 l" G% S3 F! |! G+ q' S$ Z
      yMax = document.body.clientHeight
- i4 F) Y- c" `1 E, Q1 U3 [* _7 b      document.all("supertext").style.visibility = "visible";
; A+ m' k" l4 C: w      contentWidth=supertext.offsetWidth% [& ^( E6 o0 ~- Z0 P
      contentHeight=supertext.offsetHeight9 X" D- h4 n+ J8 s9 n
      }
# t$ ^) z, \. @2 @   else if (document.layers) {3 X9 L7 G; I# W. O( K: _, U6 v
      xMax = window.innerWidth;/ H0 @) c* ~2 t5 f. Z0 l: B
      yMax = window.innerHeight;
% H! C; \' O/ z' A      contentWidth=document.supertext.document.width- O2 D: T7 K3 h; r" g- d
      contentHeight=document.supertext.document.height
' y  K- P. k& b# l2 F5 n      document.layers["supertext"].visibility = "show";$ D; m3 U$ j6 y3 i; X7 F# n. i. I
      }
% ^, o9 C6 r0 |1 x5 I   setTimeout('moveBall()',400);4 U6 q. F! b3 l7 p! K
   if (hidetimer!='')# h7 A9 D7 k% P$ n  @3 x+ ^4 t+ D
   setTimeout("hidetext()",hidetimer)
) S8 Y' a" R' S( c   }
' z% H& \* N: I! ~6 J# H3 r) }$ ?0 W" ]0 o1 H
function moveBall() {
% X) F* q/ y/ _: x6 z1 u   if (superballRunning == true) {
/ v3 }$ D: O. [5 {; W" x1 L" O4 T2 l      calculatePosition();
0 W2 n" @6 p) G' F- G$ o( w      if (document.all) {
! k- u( a7 S6 k3 s3 X' a         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( L* m; v5 i3 u( S9 K, Q         document.all("supertext").style.top = yPos + document.body.scrollTop;/ c/ k/ _) R+ u" {) O: M4 _, w
         }
7 C. d  }; i3 g1 @. I; a      else if (document.layers) {! S  ^, r% i( |. X7 v0 m' \
         document.layers["supertext"].left = xPos + pageXOffset;) k8 L' q" E3 F+ [4 l9 f/ I
         document.layers["supertext"].top = yPos + pageYOffset;7 j+ ?: U- k( D" n8 T( H4 O
         }1 G/ ]) f, i; ~( o2 ^* U
      animatetext=setTimeout('moveBall()',20);" R: S8 c4 V4 `# _. X
      }) i/ J6 Y6 R, H1 g2 P: ?8 b4 v! E
   }
/ V$ `  O/ S( F$ ^6 t6 e! n5 j0 e7 Z* |/ ?/ |
function calculatePosition() {
8 X4 d% Q  X8 H6 T9 B( U4 E   if (xDir == "right") {
) G& u" H: A; w' v      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ M* |5 ]' N# Y& m# I6 ~) P: }         xDir = "left";
2 G1 H- Z# f4 m1 w, Q         }0 E* T  B+ g1 J8 N' Y  o
      }3 g: y& H: B' w2 `9 c/ @
   else if (xDir == "left") {  ]7 p1 ^0 f" \6 w& f
      if (xPos < (0 + BallSpeed)) {3 Z4 |9 @/ h. H( B4 e
         xDir = "right";
& A0 ^) f8 i3 e8 L/ j6 U         }
9 B( d) l/ g9 p: ~) W      }9 i: r$ p% t+ C4 w6 w' }0 s8 `
   if (yDir == "down") {
9 S  G" R" {5 `; Z      if (yPos > (yMax - contentHeight - BallSpeed)) {% t8 f6 N- }0 ^4 f
         yDir = "up";* b5 u$ ?6 Y7 S4 ]
         }3 g# b- P; \' c3 E; @
      }
+ W  W" A/ ]2 M  G/ i5 N   else if (yDir == "up") {9 J3 u! U& ~& ~& s4 {
      if (yPos < (0 + BallSpeed)) {
' L; B% O) t( K/ ~         yDir = "down";& m4 O  X9 ~' w5 `! P- f& h
         }
6 p) |- c. s+ o, \      }
; [0 c0 a7 `1 ?8 V3 B0 \   if (xDir == "right") {
: Y$ f* B8 v- U& N      xPos = xPos + BallSpeed;
* x* C- e5 d4 F# Q, n0 h9 v1 O      }* }. v' T9 X9 e
   else if (xDir == "left") {& n& P  J, P) Y* t6 U( f, `
      xPos = xPos - BallSpeed;
: a# q! F" q4 ]$ {      }
8 I1 w% H1 b3 B2 M% {- q- B& Z   else {" @) P4 ]; u3 q4 s' @6 u
      xPos = xPos;
, m5 t, ?2 L4 l, p9 [) {- p7 G' P      }% e) B8 _+ V, u& O3 F3 f4 X$ g( S
   if (yDir == "down") {% u* g  W7 A9 }' m
      yPos = yPos + BallSpeed;0 y" ]/ S6 W3 q4 T' D/ ?( n
      }
* G1 c$ c' k7 Y: i' r$ e- q   else if (yDir == "up") {2 @" @. {* d, A  h$ ?
      yPos = yPos - BallSpeed;+ `: [) Q/ Q% g9 G
      }
! o% V' P- I, _5 {   else {
- P6 x) |* F! K; ^7 @      yPos = yPos;
7 Q7 f8 s, u* v+ D3 V  Y, P% v      }
& F$ E" Q$ ]& ^8 P6 x9 y   }: ~; C/ T. e: q4 d# o
# L& d$ H: z+ J: E& e' F! _/ Y( ~
function hidetext(){
0 i6 x, s* A6 l8 M3 Q/ |% R: vif (document.all)
- y0 g1 F8 s( fsupertext.style.visibility="hidden": L7 U& S" M. s) m' \
else if (document.layers)9 y- D- j/ L) `& ?- d
document.supertext.visibility="hide"
4 g, n5 Q$ {. h, l6 y8 P: `clearTimeout(animatetext)( k( Y0 u, N' d/ A6 u% p; n6 v
}
/ ]0 }- c1 [2 t/ L" Q
% w7 P; \  m3 i7 ^8 e( Gif (document.all||document.layers){3 Q& H, @) X: x) E8 x
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% k/ e3 ^7 j5 H7 Z7 H) y. w
window.onload = initializeBall;# |4 {- H3 d/ j3 r5 b4 ?
window.onresize = new Function("window.location.reload()");; g3 C6 ^+ \" o! v5 e+ t
}
/ u# @2 t# S8 W, Z$ Z
" [& T5 a! W9 b5 z1 x- u</script>