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

zw2004

<style type="text/css">
3 {& {8 s; m$ [6 Q' w2 f#supertext {: ]# ^) c3 W5 Z6 Q( e6 q+ f5 y& `! n
position:absolute;; q6 L/ V1 y- e  b& L' r
left:0;; U" d  v; ~! p9 x1 M( T" W$ ^
top:0;
, C$ J: Y) E( qvisibility:hide;0 D: [" p% @% ?  m
visibility:hidden;
: r" Y/ n# e$ ?4 o4 e! _}
$ P0 k: ]* C. d( T8 O+ O2 N$ X: Z</style>" `9 K2 ^& T" ?) k
<script language="JavaScript1.2">' a9 @  Q& @, @( I1 p
<!-- 改变下的字体的大小。颜色-->, R! U7 q6 X% F
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 ?9 O3 v6 L% u3 @/ \1 Svar hidetimer='';* a9 N* h; H6 P2 O) g  P
<!-- 改变下的弹跳速度-->
* T* \4 g) Q  L' ]var BallSpeed = 20;
# K- Y5 b1 ?( R& ]0 f1 T, fvar contentWidth;$ A* h, E; _" ~# m
var contentHeight;
" ?8 ~9 p% |4 `; w" B3 }var maxBallSpeed = 50;
% d0 h) a6 o- v4 g
7 i1 L3 I. a$ _! R8 E2 y
8 V* Z9 p- r8 R; h! a9 u% kvar xMax;
( e: L; k3 R$ Q" G* p! B* ?var yMax;
" H- l' ^% @) B+ Evar xPos = 0;
& n% q9 n+ s& K3 v" S; z$ wvar yPos = 0;6 s. _9 [# U% d& Q$ z  L$ r" T
var xDir = 'right';" W5 g& ^& S2 W# v0 ~
var yDir = 'down';
, L. H6 w7 q) n# }var superballRunning = true;6 t1 A9 a( Y2 ~4 ^  P6 j; l
var tempBallSpeed;
- T$ ^3 x% f/ s7 q$ B0 f, evar currentBallSrc;- ]5 F' ^6 F  L
var newXDir;
9 U: v& @( O& g) Vvar newYDir;' B& f1 R/ e8 ~, F2 A
7 t  f" p" V. x. [
function initializeBall() {
0 b. `+ p3 |: X9 K) i7 l2 @   if (document.all) {
3 i& ]$ j! a, P% |8 J      xMax = document.body.clientWidth
8 \; G' @; H9 q5 r      yMax = document.body.clientHeight4 N! k: Y2 k% e' U( T) ^3 a+ h
      document.all("supertext").style.visibility = "visible";/ {- v! _) s6 p+ p1 V
      contentWidth=supertext.offsetWidth  W6 O1 H# X. W
      contentHeight=supertext.offsetHeight9 q- z2 a3 o; }/ ?" G( N" D
      }. I) j7 F: E8 _0 i  t! [
   else if (document.layers) {
! e1 [  H/ j2 t$ v; |; o2 v      xMax = window.innerWidth;
" }4 T0 ~8 |) u% ^# r" s      yMax = window.innerHeight;9 V: R# v6 i3 `2 c. h$ {1 R. V2 o: P
      contentWidth=document.supertext.document.width% C; u. g3 n; z" j) k$ @4 x
      contentHeight=document.supertext.document.height
  I  w) D: n+ I# |- A- R& m; ]      document.layers["supertext"].visibility = "show";1 ?$ ^# ~8 P8 Y* Z
      }  d- q3 I& e' z% a% U' r& b
   setTimeout('moveBall()',400);
$ u9 s# e9 P* Y- P+ q   if (hidetimer!='')
, p5 I2 [- \0 R; K8 l  _7 v   setTimeout("hidetext()",hidetimer)
  s; r( d' [$ B0 ?1 ]2 ]( M   }4 S' d2 }! d6 ]$ I0 i" |: s
( Y  N4 i9 t. i/ U
function moveBall() {. I- s- m& X: R1 L8 [7 e+ v3 g+ p
   if (superballRunning == true) {; G  s) a7 S, y5 F
      calculatePosition();
) s% ~$ y2 z; \! ]& z      if (document.all) {8 A! U5 t- u/ I; g7 n& O
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ S2 p& K, T$ M  P9 u5 O5 ?7 `0 ?         document.all("supertext").style.top = yPos + document.body.scrollTop;$ \) Y) u1 d+ W( R
         }  S) j+ C& `/ J' |) U
      else if (document.layers) {
* L4 K2 `* x# ?2 X# r2 ]& U; U         document.layers["supertext"].left = xPos + pageXOffset;
  X( q% u. k7 S8 H         document.layers["supertext"].top = yPos + pageYOffset;2 R' V% Y( v3 a
         }
' G/ p" z$ X0 C      animatetext=setTimeout('moveBall()',20);
8 f9 N6 \# h- _( N$ O' X. G      }, S) {, a: A: T+ v% I
   }5 G8 R/ Z! i4 q9 u7 C9 u

& U3 O, g# d, D! zfunction calculatePosition() {
- r' a# {1 c0 d. M   if (xDir == "right") {- `; j/ S0 ?8 P! B
      if (xPos > (xMax - contentWidth - BallSpeed)) {5 K( B9 t$ r' d! s& p8 M) n! A
         xDir = "left";/ i( j0 ]! }9 g5 r. z2 m# C7 ^  }
         }2 A) K7 \) k3 z
      }
3 Y5 s; U, ~, ^/ `% H4 s: \   else if (xDir == "left") {2 J3 c& [7 u# m4 l' f
      if (xPos < (0 + BallSpeed)) {
) k+ Z- X+ g1 ~( n" {5 t! ?         xDir = "right";
% p: J: z; m! L. F/ H         }
, X( g' h  j8 q# g      }0 u/ D+ {1 M4 z& R5 }
   if (yDir == "down") {
, L4 Z. X( c, V0 U      if (yPos > (yMax - contentHeight - BallSpeed)) {
. j* T  q! `8 x8 Q; S0 r. p         yDir = "up";
0 H  L; i' u& J         }9 H0 x* f  e- A+ M
      }' G- X* v" P  D0 r) z
   else if (yDir == "up") {
6 }2 e- ]5 M6 d      if (yPos < (0 + BallSpeed)) {) b; |( k# b. Z' v# a
         yDir = "down";
: o8 y# r. d9 Q# M" z8 B         }% N0 V# @9 @* Y! `: a7 ^) I
      }
' y; n. I) }2 X/ g; w6 O, w5 n   if (xDir == "right") {; O$ t7 q) [5 I# ~$ j
      xPos = xPos + BallSpeed;
9 h8 `4 c7 C) ^      }
& n$ O9 i+ N' A) K, M   else if (xDir == "left") {! c# ?3 s( n. O& z  ]
      xPos = xPos - BallSpeed;# Y; I6 M6 F/ ~! n* K
      }  y; ?% y! V$ Z2 i; Q" N
   else {
" A! L1 l% {9 R( j$ q( C% ]! \      xPos = xPos;+ e2 J2 W# V8 @& w% u
      }5 F! Z+ y# f( V# T$ s- j$ q" ]
   if (yDir == "down") {
' K2 ]6 \, x, I) m% x1 R& f/ c* u- y      yPos = yPos + BallSpeed;
7 W% e' a1 |( f$ _      }5 @' }) o6 P! `4 U! O
   else if (yDir == "up") {  j- x( t1 C/ H" Y6 W3 N. x
      yPos = yPos - BallSpeed;
, y8 O# Z& O( q$ l      }1 x* X( n, `, w' l8 O4 a
   else {0 F- H; N) k# |5 c
      yPos = yPos;: ]6 ]# p9 {4 H7 [8 [8 w8 P2 J: X; \
      }* Z4 \: {! C" f& l/ \
   }
; F+ k% Z( _9 g# U' ^+ @& d% z
8 W# q: S1 V1 n5 G; mfunction hidetext(){
4 e$ @4 L6 p2 C/ {  vif (document.all)
2 D* z* q( s3 h. Osupertext.style.visibility="hidden"
- b: `, F2 s0 v' Delse if (document.layers)
5 }2 S% c. m3 S9 v% N2 I' }( Fdocument.supertext.visibility="hide"
3 i  B* M) ~& m  NclearTimeout(animatetext)
9 @  u3 H& u. ?# L2 x}3 s7 D# W' R$ X6 B# ]

0 {, ^4 R+ v! T' I" Yif (document.all||document.layers){
8 w& A* s- A" Fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). }. F$ D! A+ `" \" D% ?
window.onload = initializeBall;
8 Q, O# g- i" y) s# g% c  c$ Rwindow.onresize = new Function("window.location.reload()");% L. ]; H! @9 @  u1 u  _5 L8 E
}& K" `$ e& u% z2 d

# B- L* }, O; x( O</script>