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

zw2004

<style type="text/css">, e0 G( |1 d# c0 i' y0 g
#supertext {, w& A5 b8 t. I0 p  M+ n2 m' u, i9 G
position:absolute;
0 _0 C  u% L+ j( l# n1 t8 W" mleft:0;
: b. t' m# t& _top:0;# r. T5 [7 l1 k# H7 r  o8 c9 g- F
visibility:hide;
; D3 _- U1 S( z$ n/ Gvisibility:hidden;
" w& {/ \" p. Y  J% f" w* Y, Y}
! B. Z2 I8 K0 t9 f# @1 d</style>, Z) v# c& _( I1 c
<script language="JavaScript1.2">
7 W* f. d; a( k* F5 x& I( V<!-- 改变下的字体的大小。颜色-->
  ]" c/ ^* s2 u" fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ A# v  s# ?- j  u6 I- v9 e
var hidetimer='';
6 b& W8 b: \% Y- @5 _<!-- 改变下的弹跳速度-->
8 H) A2 v/ C8 Dvar BallSpeed = 20;& s6 z$ N' Q  O( @) n. o; z
var contentWidth;' j% ~5 X6 \# f; J1 v5 b
var contentHeight;  F! s' p$ D6 c* y2 |
var maxBallSpeed = 50;
7 Q$ y2 r8 A- B; Z' o4 z! h; P$ E: i* c8 |0 K% g
# [- F& _& J* ]/ R0 x
var xMax;
4 J* S0 Y8 I- N3 F, Ivar yMax;( s6 A6 }, a- D- T
var xPos = 0;2 B5 A' k7 U2 R1 L* s0 [7 B: D* _7 {
var yPos = 0;7 |; N1 l5 _: F3 Y' X9 [" ]& ]
var xDir = 'right';
1 L$ O, b2 J7 c9 Q7 ^var yDir = 'down';
/ T2 |! u' V" R* Q0 T* h: Hvar superballRunning = true;
9 ^# ~. y0 r6 r2 }$ x1 yvar tempBallSpeed;. @/ Z- U+ ]1 j
var currentBallSrc;' G8 L9 y  H' M! {6 X
var newXDir;* ^2 m& G! D! J! z8 w" Z% R& v
var newYDir;
. u" G/ V, D6 n. t2 Y7 N8 S' K" {0 Z) R! q7 c, n* n3 H
function initializeBall() {7 E$ y- X. h, S) y0 U" v$ B
   if (document.all) {
2 M/ N3 y4 U- ~8 a: {; U) H. H0 A      xMax = document.body.clientWidth
2 {+ H- \$ h$ ~' F      yMax = document.body.clientHeight, s9 D( h' o2 T' A+ J' i/ x& W
      document.all("supertext").style.visibility = "visible";
* O! p0 Z  c- p1 L      contentWidth=supertext.offsetWidth  k- f2 \5 ?9 l( I3 r3 r
      contentHeight=supertext.offsetHeight$ {3 z2 r9 K2 ^' A% e, B8 ?
      }
% @. A" ]% X" {$ `& A# k3 d   else if (document.layers) {2 O1 F) m  H. K8 F3 h, _
      xMax = window.innerWidth;; s2 y  h; B6 L" D" w. j
      yMax = window.innerHeight;
. T9 t8 x1 U: m6 E7 D      contentWidth=document.supertext.document.width
7 w; e, G/ m; ]1 t      contentHeight=document.supertext.document.height
' `& M, k: k+ [6 D, f9 a/ y      document.layers["supertext"].visibility = "show";
/ V7 @$ p+ Z/ m+ J( ^; Z* T) f      }
5 ^2 o7 F5 c  R; s! F  a( \( F   setTimeout('moveBall()',400);
+ \& Q- a0 o  Q   if (hidetimer!=''); w# j$ T) Z+ C# C
   setTimeout("hidetext()",hidetimer)
& T' O( U( M0 p% _   }% d- e2 }' B! s( q( L; a
/ {* t! w' M, N
function moveBall() {6 x4 ~8 v$ \5 \9 v6 ~1 _: [
   if (superballRunning == true) {
# R/ h$ Z. E) r$ [      calculatePosition();
! ^- _# t9 B8 O, _) s" T& y4 s      if (document.all) {9 b/ K8 \1 Z5 @2 o  H3 r
         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ c! o+ M  B5 e( V' `; _# ~
         document.all("supertext").style.top = yPos + document.body.scrollTop;! X3 L1 v2 b4 e- C/ q
         }9 A1 ?- `5 N2 O6 i
      else if (document.layers) {
. F1 c( M" k" h- O         document.layers["supertext"].left = xPos + pageXOffset;
6 ]- X; ^* j' N  d1 p& E, O         document.layers["supertext"].top = yPos + pageYOffset;
/ Z% X4 W, V. d& h* y5 }6 A         }4 o7 u: D( H. s# ]& f; f( f0 ^
      animatetext=setTimeout('moveBall()',20);
* Y2 H& u; q+ O" v4 E: e      }7 d. p$ w$ M) G2 A( N& R5 ]- {0 ~
   }8 z8 s8 |2 k  j; o
0 a; Q. b' C/ U" e
function calculatePosition() {5 [: d# d. t& b9 |
   if (xDir == "right") {. K# x9 G3 g; T% m+ A8 U
      if (xPos > (xMax - contentWidth - BallSpeed)) {
  @, x0 o( a1 w/ H% D# o% D         xDir = "left";1 y5 e' W$ X0 t. N3 m
         }
* `! `- O" [& k! W( P      }. L* N' l# W1 |9 |# ?; n
   else if (xDir == "left") {
) q/ }4 N7 r' e' R, {5 r      if (xPos < (0 + BallSpeed)) {" l; @2 ~+ {! E7 X$ r0 k1 Q
         xDir = "right";
( y, G0 t" |5 f1 P/ F         }8 i3 D# Z7 w+ G# E; B
      }6 b9 ^6 s2 m6 Y! D. P! B
   if (yDir == "down") {& e+ g7 p: P, B& v* [9 X
      if (yPos > (yMax - contentHeight - BallSpeed)) {: V4 }5 E( v6 C, _; s9 t
         yDir = "up";) U0 ^0 {" ?' W, r, [6 Z: P; m8 s4 K
         }
& r/ S+ m2 z' O4 w. b* e      }
( O- k. y8 F1 _$ X" }; C  {2 i7 A" A6 j   else if (yDir == "up") {8 ]- S0 |2 [$ d9 f' V5 B
      if (yPos < (0 + BallSpeed)) {4 b0 g3 Z; o  w: w9 ~3 `" k# y
         yDir = "down";
1 V8 w0 [9 [# X* ~4 ?         }
: k) U" V9 |7 J      }2 J. f* s. E: T# Q" N, N; @
   if (xDir == "right") {
, ^$ ~% p+ r) J, F- B$ K      xPos = xPos + BallSpeed;
5 }6 g/ W" e. i7 y3 o      }) V/ y; @+ V, I1 [" M
   else if (xDir == "left") {+ _- N6 S) _0 b) g, @2 v( c( p6 `5 k
      xPos = xPos - BallSpeed;
; W  S) g7 U# F) S+ \      }: M  B2 A# C' ?! `+ n2 N  t
   else {
& u5 k* X! O; F+ d7 H7 E% Q. p! `      xPos = xPos;
+ L! |# c2 k! L. j/ J) o: D  J      }
% |) i0 L! }; [% ~( {: Y/ U( z   if (yDir == "down") {6 U$ c/ w7 F8 ]' {4 X
      yPos = yPos + BallSpeed;
9 \# z, l3 c7 e. q4 f3 D$ B      }
( r. |( E1 g0 g% o) y   else if (yDir == "up") {- ~3 l: H7 s% f2 F+ Q
      yPos = yPos - BallSpeed;' ]: C4 _4 L8 w6 c8 Q; S
      }+ ]" Z/ u" G* f  J: W3 F2 W# \/ I
   else {
4 F) o+ w/ X/ @$ V; |# N) F  R4 [      yPos = yPos;
/ {, }: C, ?7 T      }9 i+ C$ a% T# S2 g8 c
   }6 k) |; l8 T( m. g5 L

0 M! b  l. m  F8 k% _function hidetext(){+ A& U6 v: y" \  ~* O% Z# L7 w
if (document.all)& T& N% _9 y3 s# d
supertext.style.visibility="hidden"; H& D8 Z0 p  |
else if (document.layers)
& t, T6 K6 |. q/ R: N; l% adocument.supertext.visibility="hide"
0 ~0 _6 b' r& B  A- ]9 ]+ hclearTimeout(animatetext)7 ^5 l- J3 _' ]9 D2 i
}
. ?" r, \7 d* Q4 L9 Q" h1 Z2 P
' O2 |; E' n1 O# }$ W8 V; U6 Dif (document.all||document.layers){
8 Z' |9 X* r& P7 ^: M/ f* }9 ?) n% cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- e* Y& J$ j0 }  |window.onload = initializeBall;1 Y5 l  [) y( G9 }/ p- `7 ^+ G7 v
window.onresize = new Function("window.location.reload()");
! Z6 \7 h! J* w  ]9 r3 v}
: v. F# Q0 {: N  R0 j( s
3 I2 U- s8 K  Z. m</script>