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

zw2004

<style type="text/css">- V) ^5 w- v+ F
#supertext {
, \+ K% }" u  Q7 Sposition:absolute;5 s/ ^) r+ L# H0 ]. M
left:0;2 Q. P8 g8 b6 _, k8 f  U# \) }
top:0;6 i& i' J' f( u8 A, F$ w
visibility:hide;
1 P$ B7 Z9 H) `5 Vvisibility:hidden;
( Q3 ~: ]+ h& s  q) \3 d7 h7 x/ f}
& u3 M2 b1 u& W4 v) X</style>6 q( \% {4 i6 Y/ y: k
<script language="JavaScript1.2">
) H  V' O) e% `# u5 X$ D<!-- 改变下的字体的大小。颜色-->6 q1 A' }1 X9 B+ }; o* {
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
  b$ g, U, K, ~! _8 h' D5 c# D" Xvar hidetimer='';
1 K2 g$ X$ ?$ o$ Z; }/ q) {3 y<!-- 改变下的弹跳速度-->$ x0 b, U3 s( w4 C: Z1 i
var BallSpeed = 20;$ x$ t0 d3 J' v0 S, l. _
var contentWidth;' i1 }! {3 ^+ t" B+ y, @2 K5 K9 u
var contentHeight;
  T- b6 k# |! @# f7 S. Y) o4 p, hvar maxBallSpeed = 50;
" I1 D5 G* J" U, c) `5 O! ]8 K8 [) @3 q) ]

& q$ \- c  y8 D" I0 I5 p! }0 o4 lvar xMax;
) |! e; u, l4 ^* Wvar yMax;
) l. u8 c# R: ]% m4 U) k6 Wvar xPos = 0;
) a# b2 i$ H4 B9 f" a  M4 \  R8 ivar yPos = 0;: |+ G9 J" {6 P! l+ e) Z  z
var xDir = 'right';
/ Z1 f$ @& _/ Q3 v7 Evar yDir = 'down';: u. R& ?# J$ {' g. ]. o5 V
var superballRunning = true;& X/ I* Y. q- T' d) V+ R
var tempBallSpeed;9 \! |$ a' H7 \9 \# Q
var currentBallSrc;
5 f/ V9 J  a: g" T# i1 J: @0 gvar newXDir;. j: P7 k. f" ^3 C- S( P( T
var newYDir;
$ L+ ?8 ?" |7 n# p! K
  o. _8 W5 d$ X. afunction initializeBall() {' J0 C# T: n! c3 n1 @+ c, B
   if (document.all) {$ Y- E: X8 r8 i% q0 P5 V
      xMax = document.body.clientWidth2 z, l! N; C/ p' I
      yMax = document.body.clientHeight
5 ~: Z, C8 \) ?2 }; Q1 ~      document.all("supertext").style.visibility = "visible";2 _" R& g8 K6 Z1 n- |4 M4 e
      contentWidth=supertext.offsetWidth* u& `8 e9 P, Y8 X" N
      contentHeight=supertext.offsetHeight" e4 J* a* M" t- s' S5 D
      }
  [+ g( `1 h3 h   else if (document.layers) {& P6 A7 J+ V4 d/ c9 z% d) d) ~* g; S  u
      xMax = window.innerWidth;3 n' b- f$ o# i2 [. p
      yMax = window.innerHeight;
+ b; n" w- m2 k$ I+ o3 G% N& ]      contentWidth=document.supertext.document.width
( O$ }& t1 N7 W1 a: n8 m" r7 u      contentHeight=document.supertext.document.height
9 Q0 K0 [+ Y0 b0 X      document.layers["supertext"].visibility = "show";6 Y5 t9 W6 ]: Q+ H# L
      }! {% z' \% ?; I- @
   setTimeout('moveBall()',400);
: x) Q3 D1 d! h  {2 e+ l& A- a/ b   if (hidetimer!='')
8 o. A, M/ R! S   setTimeout("hidetext()",hidetimer)2 `! q: E/ v  h
   }
; }% v" b( D$ c: W( K1 V- q! r2 ]. B+ R) x9 ~+ [$ f
function moveBall() {" ^1 }2 g; ^, _7 K5 f
   if (superballRunning == true) {
( b0 f& C* t% g0 X$ x; I      calculatePosition();
) s* T! ?9 ?$ _/ y0 U7 U      if (document.all) {  p3 ?+ m6 ?9 }
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* L: K2 O- O( I1 H* Q- h) `
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 P0 f' q1 X7 V         }
: w5 c* [; {  g. q* H2 z      else if (document.layers) {
( ~8 I) G4 ^6 T* o/ \; C& d! h         document.layers["supertext"].left = xPos + pageXOffset;
" m2 L  E$ d! L; V& @         document.layers["supertext"].top = yPos + pageYOffset;* L2 H& D' {0 d+ _* ^! e7 J
         }
2 b: ^5 v! P$ @( l      animatetext=setTimeout('moveBall()',20);% A: Y: M" L5 c) M% B2 G( X
      }, D: B; O7 p  R* F3 m- A, D9 {
   }6 |5 k' A2 d. U- e4 X

' q7 k2 m8 i5 _) I: H3 kfunction calculatePosition() {( d, P8 s! Z6 `( e# A3 Q
   if (xDir == "right") {
5 k8 k7 l( [7 ^7 i6 w      if (xPos > (xMax - contentWidth - BallSpeed)) {3 G: z# a9 n$ l# \* ~8 r7 v. O- I
         xDir = "left";& R1 a# L4 v9 w+ U: \0 `* U
         }' T& ~9 r' D# L. [1 Z- t7 b
      }# a6 U, d- i5 @1 i
   else if (xDir == "left") {% x3 i, T" C* ^# ^* t' S
      if (xPos < (0 + BallSpeed)) {4 z! n: i; q5 a3 b
         xDir = "right";
3 c8 y7 p$ d5 X; E9 f7 h         }
# W0 P1 G7 A( p7 q      }
9 ^+ @- s7 {' {" h8 J- y# x$ [   if (yDir == "down") {
" w- R6 G2 f1 V) u* b( z      if (yPos > (yMax - contentHeight - BallSpeed)) {/ H' t) T1 B' E  A+ p
         yDir = "up";
. F' V6 |& B& t' {  q8 c/ _- x. j  z: e         }
/ ?2 W; Q2 X% d! s      }
0 x/ P/ s) Q0 r2 Q) G   else if (yDir == "up") {
& @2 w( h- C! P  V9 i0 E      if (yPos < (0 + BallSpeed)) {, X, G$ }( p- x) B9 Y7 I0 f
         yDir = "down";
0 h8 k: N8 e! k! E6 F" R         }
% v; Z$ ?! y5 p) D1 E; R; V      }
) P. \% D! [) t! X2 _+ i   if (xDir == "right") {
# d" U; d0 J  x* a      xPos = xPos + BallSpeed;1 ]8 V8 r" Y! u' j! N. h
      }0 Q" p1 d8 a7 v
   else if (xDir == "left") {) M# [; s2 O3 {) c3 y" B9 P: Y5 B7 Z
      xPos = xPos - BallSpeed;
* V# y- @3 T/ V2 J      }
0 H5 p  F: G/ w7 y   else {. t$ E" n, E0 J' r0 O
      xPos = xPos;
  o) i9 g5 N3 u- z+ |      }: x0 s) |! x0 O# C* l
   if (yDir == "down") {+ H) _$ ]0 S/ s( l7 k
      yPos = yPos + BallSpeed;$ M5 y# c/ k" R
      }
1 E% L: n+ P5 A& e6 Y# q8 C/ P   else if (yDir == "up") {
. Q' c6 U6 D3 Q; L# E! H+ x7 I      yPos = yPos - BallSpeed;
6 \/ w9 W% c+ x* F0 Y      }
. z! ~" s# _+ n+ W   else {, r! T" F& k- `# K3 P
      yPos = yPos;9 C* J! D" d1 a( ~  ^) R' c( m; N
      }' z( j4 C$ E! s6 N* V  E7 n
   }+ ]# Q8 v, |' o5 ~8 Z+ T8 @. Y% r
3 G$ k, {8 N, t7 _4 N% _# ]4 i
function hidetext(){
! Z5 f4 n1 {* @3 q' `5 Dif (document.all)0 o+ z& w% r; J6 G
supertext.style.visibility="hidden"
6 T' r" ?, a. a( h& ?else if (document.layers)  X. A* Y1 B. o1 a( d4 k
document.supertext.visibility="hide"
3 p( ~2 d, @2 X% Y; UclearTimeout(animatetext)# z6 ^+ c" A- C$ q; g+ n9 o
}% b& U. F. e- _5 F) H. o& ]# E5 p

1 Z$ K* M5 [, q# f* l9 {! e8 G: Rif (document.all||document.layers){
; K* z* c. s- _( T4 q$ r# Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); {. R" X$ P; H* l0 w% _% S
window.onload = initializeBall;6 B  `, E# L" v! ?
window.onresize = new Function("window.location.reload()");
% g2 |2 N, ^, z( z7 E/ U" E}
8 l0 [! H' a! J; y& t; g
4 L" y& ]3 Q) |5 Y7 p9 p</script>