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

zw2004

<style type="text/css">. G6 X! J$ {- V, @& s. M
#supertext {
" O; P) A0 z1 l0 ^+ k$ }$ fposition:absolute;
1 U" X8 B  J) j: X8 [4 \left:0;
: Z% ?$ W+ M% Q9 N, T) Dtop:0;5 n8 |& U/ M% p) d
visibility:hide;
7 g7 ?) Y$ K5 ?1 |visibility:hidden;
/ t6 V( S* a1 w' ^; U& z; n}" b5 F$ t) {9 x* v3 d  l5 O
</style>
* E7 o" P9 Y, B8 v; p; x/ ]4 l6 X<script language="JavaScript1.2">8 ?6 c6 e5 |  v( j: ]; o
<!-- 改变下的字体的大小。颜色-->* v/ B) P$ g$ @9 w( s
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# B+ p: X- l3 A+ s( T6 s$ k- T1 y# Pvar hidetimer='';
( [; l; b$ e' D" {2 G6 V, c<!-- 改变下的弹跳速度-->* c. z# A7 O0 ^1 `
var BallSpeed = 20;
+ }! y9 l! q7 g2 |7 s3 Ovar contentWidth;/ x* Q$ r$ @7 u& d# c
var contentHeight;
1 h; P6 v( k- Evar maxBallSpeed = 50;6 u; t8 Q( w6 ?$ R) x. l: J2 O

& [  [4 }4 A6 j! m8 H
  m1 ~  f: i: q0 }% Uvar xMax;+ g3 M9 q$ L* H
var yMax;' G# v/ k9 J* u
var xPos = 0;" @7 F9 X) C* T% G: Z5 }( B  n
var yPos = 0;1 ^* g0 o; f  h, ~- _$ a! Z
var xDir = 'right';
0 r6 A7 X7 m. t- f  y" jvar yDir = 'down';
' l! N, d2 ~! |3 uvar superballRunning = true;' Y: i# ]7 n. r2 k2 r$ \9 g) t
var tempBallSpeed;% s" x9 D1 A- z
var currentBallSrc;
; C: F- c, |% A$ Mvar newXDir;
" c& }% R- s3 Cvar newYDir;
8 m( x7 R5 w5 z/ u, n1 H0 r- W& x! k
function initializeBall() {. d) m2 C3 |" ~1 O& S
   if (document.all) {
4 T9 ~% @6 g9 W0 F; c      xMax = document.body.clientWidth
: Y, n0 _) x/ D4 p5 w  `      yMax = document.body.clientHeight
. q2 Q- x$ ?4 G$ @      document.all("supertext").style.visibility = "visible";! |& W8 N; K6 f' S
      contentWidth=supertext.offsetWidth
% E3 p& q- s7 ?- z6 q      contentHeight=supertext.offsetHeight6 y8 Q# L. r$ J$ X
      }
4 ]  s' J" @" x: ?% z7 U$ i) R. C   else if (document.layers) {
3 E# Z( Z* q. |7 a* {      xMax = window.innerWidth;
5 S6 b9 ~: B8 ^0 m      yMax = window.innerHeight;  v1 C9 v: r- v, j' D$ v" o  C
      contentWidth=document.supertext.document.width4 \$ \6 t4 j$ [9 ]; J
      contentHeight=document.supertext.document.height: z7 x# q" T  R* N: q+ U, m, u
      document.layers["supertext"].visibility = "show";- j9 T, h# r, A) }1 J, u
      }# t: o8 g+ a" z. [- P- r2 B" f' _
   setTimeout('moveBall()',400);
% ~* [0 j' ]) |2 Y; U5 g   if (hidetimer!='')0 O9 U" G5 R3 w( Z9 j4 n
   setTimeout("hidetext()",hidetimer)
. `7 t# z. g/ }$ c   }
/ C; ]6 d$ `* M  |1 U6 u# E& p/ r; D( q- v2 u( G
function moveBall() {
, a( s; y! q) m) K! z2 Z  }: y   if (superballRunning == true) {8 j. ?4 s3 r1 a! U" h# @: X
      calculatePosition();3 e5 l; B3 p1 J: m" T
      if (document.all) {* _% N* u3 J4 ?: i
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. G) [( p- H# e0 H/ x" M: E: U
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ q% |& r# p! Z1 Y         }5 Z* T4 k/ x! J3 R+ |  |
      else if (document.layers) {9 G' L) _7 c8 f1 s4 Y
         document.layers["supertext"].left = xPos + pageXOffset;
. j! ?+ ]$ O8 }8 e7 U  g         document.layers["supertext"].top = yPos + pageYOffset;: a4 @  [: L/ X" u4 V. W" o7 l/ P
         }
8 e8 S7 V. j3 [- C* b+ W3 w/ a( }# G      animatetext=setTimeout('moveBall()',20);
' ~: o5 ^' k5 r+ |7 l+ x/ F4 {      }
* K7 O' q7 n+ E& L- f) p, b6 i7 K+ c   }$ ^) O2 U) s2 A3 s% l' F
- q: \9 L  D# T; s# {
function calculatePosition() {
# L9 M9 N7 Z6 ?( `# O9 f   if (xDir == "right") {
1 c0 W$ s0 ]9 a. p      if (xPos > (xMax - contentWidth - BallSpeed)) {# Y5 c) l4 s  B1 X  Q9 H1 t+ c4 R# p- ~
         xDir = "left";* \& @6 a! s5 a# f; `/ q
         }; d2 E. T/ a' P$ l
      }- \$ G# J) p. R) \/ `
   else if (xDir == "left") {
8 M0 ]$ \( D* d4 s1 t; N      if (xPos < (0 + BallSpeed)) {- L. P0 T; u! s& c# s; _: h+ _  l
         xDir = "right";7 e5 @# ~6 I( G
         }
. r# u1 x  I7 s      }0 i$ h/ H( H/ L: X
   if (yDir == "down") {
1 `1 }5 H& q) E' s; n      if (yPos > (yMax - contentHeight - BallSpeed)) {3 @( {6 `/ k* ]$ z$ Y; I2 D% f- {
         yDir = "up";
& |; z! R5 \6 g         }8 |5 ~! ?% p! \! K0 e( c- a/ P# P
      }* W9 o9 \7 {- b: v  D
   else if (yDir == "up") {8 f9 a3 v: ^1 B
      if (yPos < (0 + BallSpeed)) {
# Q8 D/ n) A. [' E4 S         yDir = "down";
" p: G, Q4 \# |2 u3 M+ x1 o; C         }
1 b/ P8 i3 X0 O2 {7 u      }% h" Q0 H8 q3 L7 i
   if (xDir == "right") {
/ \* ?/ [/ D, u) H( H      xPos = xPos + BallSpeed;
% i  K& v+ o3 m2 _      }3 V( }( Q5 c( i! t6 _/ ~9 V; ~
   else if (xDir == "left") {* y8 }* {3 Y8 P1 C
      xPos = xPos - BallSpeed;
) d- |) Y. T" x6 \7 }2 J1 Y/ k2 M      }
  _# _& Y! R( p   else {) [8 y5 B% c7 ~* M, L" _' |& p
      xPos = xPos;8 P% @, a9 w; X1 X9 R0 O9 m
      }
" t& `6 a7 {: i   if (yDir == "down") {4 n* a: v- B5 ~
      yPos = yPos + BallSpeed;) [; \. W8 g6 V2 p; ~# h& _
      }3 y! H/ O3 q/ ]/ S8 {
   else if (yDir == "up") {/ l% H1 r% C; c3 y8 ~* [% J
      yPos = yPos - BallSpeed;
, n$ w3 }, [1 G2 q1 Z/ j      }5 k# i! }; P2 E2 x: c6 G7 ]
   else {
2 m% h1 f" u% p6 l      yPos = yPos;3 {, A# L/ R+ S
      }
3 e+ d# i  F1 V   }% M" [1 D( |, j1 E. p& e9 I5 \8 v
% C) r% @; U. T" N6 e$ i6 R3 c
function hidetext(){
1 t0 ?& o. Q$ a" q" hif (document.all)6 s0 t: a9 O. {7 E
supertext.style.visibility="hidden"
6 z) s  Q* b+ ^) {( ~; c* ~else if (document.layers)
9 D# L2 S% w7 [7 F  Cdocument.supertext.visibility="hide": |0 W0 u9 y7 i
clearTimeout(animatetext)
6 t, O/ W3 q' m9 ^3 {* Q}
8 W$ S' y* V0 j" g9 x
7 `2 C: m# w6 d  c' y3 l( }4 n, eif (document.all||document.layers){7 p% {4 Q0 Z$ o& l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 B) C! R4 V# @4 x+ k, }
window.onload = initializeBall;
7 U8 a2 F  m6 [* P6 lwindow.onresize = new Function("window.location.reload()");% G6 M2 P+ D2 e: y  s, v6 i7 d
}  q6 k+ U) M# X, l8 D* e# e9 F# ^

! N0 k! z# L2 f+ w* O+ H</script>