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

zw2004

<style type="text/css">
6 _& l$ z) E. h8 U#supertext {4 m' x; W* {$ K
position:absolute;
: ?4 P6 _6 |2 j! [+ u. p% |left:0;; d! f3 Q1 D- ?) n3 j1 _  j
top:0;
1 a8 Y% j; o2 D* F# X* ~' Kvisibility:hide;. `! M, ?/ w( x7 |; ~, D, z
visibility:hidden;
+ n' W% f$ U" }8 y4 q5 j8 j, D) N}7 a8 W! R( h3 c, u9 L. D
</style>6 o9 l6 v8 S3 S* R* t
<script language="JavaScript1.2">7 y& y) s9 B* X9 u
<!-- 改变下的字体的大小。颜色-->8 o. ?3 ^6 N, p; Q) B5 x
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ o7 H2 O) p8 y4 L* q
var hidetimer='';( N. _2 l% l! G2 t% }: r5 c
<!-- 改变下的弹跳速度-->
  n! a/ N( ~; }( p$ |4 E" _var BallSpeed = 20;5 G. R- @' p* h% u* F' E  f! @
var contentWidth;
5 u# \, [+ g& t7 Q( G: i% ^var contentHeight;
3 H6 i( r4 D+ C9 {4 lvar maxBallSpeed = 50;! M- D* v4 v/ {5 b

/ f! y) }! c6 ]  c/ t- D$ ^, j) i
* E, g8 z" z, k& P9 Qvar xMax;
% {2 f. z9 K, a$ _, a1 ^+ g$ s5 Hvar yMax;
( F. P( j1 j2 c8 n  A- W2 c, Avar xPos = 0;5 ?3 b# i3 V* Z" {8 W7 s, ]3 F% @
var yPos = 0;
" i. C& K8 |5 H/ c$ Fvar xDir = 'right';
+ ?& s# J+ [* k- l1 Tvar yDir = 'down';! z1 G1 I: |% `2 ]% q
var superballRunning = true;
! U( g5 h# x( k, s1 B, tvar tempBallSpeed;+ Z: t& t$ b2 c& E
var currentBallSrc;
* s, I; N" A7 y( ivar newXDir;' X1 Z, ]2 v- j& M/ Z  N% n
var newYDir;( {7 @3 F- p. J$ m1 c4 [. `
3 u( r1 F6 C0 J$ H/ H$ w
function initializeBall() {
4 m, }, Y1 U( N4 Y3 P3 D* n$ D# Y   if (document.all) {6 P- B* U  l2 J: m& U$ [; i
      xMax = document.body.clientWidth, e6 P9 j: T- M) k+ H0 K& }
      yMax = document.body.clientHeight0 g, G  r5 Q7 t
      document.all("supertext").style.visibility = "visible";. ^8 x: Y  s) X: m
      contentWidth=supertext.offsetWidth
+ N( p' A7 j5 P* d      contentHeight=supertext.offsetHeight* p3 Z1 ~! k7 t6 o% E- b( u
      }+ }# b; c6 S* w1 A9 P' B* I
   else if (document.layers) {3 e! L- l9 k+ @$ a* d/ N( F1 X8 }% f
      xMax = window.innerWidth;
' r9 i0 i& b% \8 k6 m: }      yMax = window.innerHeight;
. C8 f& m! ?/ k1 Z      contentWidth=document.supertext.document.width( J  @% O- n) {% [8 X. D3 R5 g8 g
      contentHeight=document.supertext.document.height
; z' i3 \( J7 ]3 H, d+ Q6 {      document.layers["supertext"].visibility = "show";
1 c; X9 @$ W! W/ n$ W/ }" i2 }      }
1 {$ z$ A" C. v9 u, b, ]  e# r" \   setTimeout('moveBall()',400);
0 z0 @) e8 Q5 \( p8 f   if (hidetimer!='')
+ t5 e9 s7 X9 B  Y   setTimeout("hidetext()",hidetimer)3 v/ X' L3 ^. H) W# O0 {: @1 F
   }
* `2 [) g5 {0 L$ w& u! U8 N  U  \7 D( _5 u" ~% o2 O5 ^6 o5 A
function moveBall() {
8 K6 O4 y4 ~. k# ^- {- D0 I   if (superballRunning == true) {
; x' l3 B0 g; g9 ^9 g      calculatePosition();  }) P5 m& |- A' I
      if (document.all) {
$ \1 N4 i/ P" R& ?4 c8 m5 I         document.all("supertext").style.left = xPos + document.body.scrollLeft;+ r5 t6 c' a1 e( v9 @: v" R
         document.all("supertext").style.top = yPos + document.body.scrollTop;
0 u3 z2 h# T* o5 [         }
- ]1 [5 K9 N, ?5 a( C, L      else if (document.layers) {4 _2 j! R, j2 z1 k2 h
         document.layers["supertext"].left = xPos + pageXOffset;
3 z( ]0 V- @, P2 L' }         document.layers["supertext"].top = yPos + pageYOffset;
: ^4 x* n, w% w8 L0 W: U: m. e         }
; g7 ~4 Q9 j+ a( l$ c0 B      animatetext=setTimeout('moveBall()',20);: [- B5 ?$ C- T  E4 l: a
      }
: V0 G5 U( U6 F! n   }) O" _" l: r1 X5 E3 s& u# ~

& i- T: q% F# ufunction calculatePosition() {& r: d! c) N6 H- ]. f
   if (xDir == "right") {
" F# s: j3 @5 W3 V$ b# M, v* w      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 [) ?. @! o: j0 c: e0 E# ~         xDir = "left";- K) n: R9 I# A& G
         }8 ]) u+ n5 ]6 N, N# K5 ?! P# m3 A  ]
      }
' ]. |! p$ B$ J2 {4 A# V/ w   else if (xDir == "left") {+ {6 \5 U0 E. L; f
      if (xPos < (0 + BallSpeed)) {
  Z# \/ l( ~/ F) v: V0 q0 }         xDir = "right";/ A, s! u0 D) H: A& l8 I; M
         }
) C; w* C% \) S+ T9 y      }
3 m/ F2 G- R7 q% K2 D   if (yDir == "down") {; S" `5 H+ `& _+ V+ i
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: d- A; O: h; h5 b4 ]6 V# K         yDir = "up";3 G/ @( Y8 ?, F( [
         }
$ Q1 [5 B8 q3 Y5 o7 S& l      }6 S; y4 T# R# V6 G% l1 x! D
   else if (yDir == "up") {, ^- V# t' I4 [2 a9 Y, f
      if (yPos < (0 + BallSpeed)) {
$ _$ r' _$ G& L/ [6 u: b! I         yDir = "down";* {: o1 J% g5 L
         }$ p& }3 b6 @+ @, o6 O& W+ r- C3 I
      }3 x8 j; f  G. ^5 d6 @; P$ {
   if (xDir == "right") {
5 n! z2 h2 t* V, D. h( I      xPos = xPos + BallSpeed;! {9 \- P% z  z. u7 w# Z
      }
% W, b' ~' F% A! L  O, I7 a0 X   else if (xDir == "left") {7 E+ W$ x2 x3 k6 E
      xPos = xPos - BallSpeed;
: Q0 C3 z2 M  x7 h* h/ _  }7 _      }
+ B% E' L% _' K( f   else {, \* x0 N, ^& V% u
      xPos = xPos;9 F6 J0 a% _, V! ~: V
      }
$ l0 _* _0 ~2 V5 r- H   if (yDir == "down") {% L  a) F: O2 ~8 h8 I9 B7 j) D+ t
      yPos = yPos + BallSpeed;4 E8 c8 o# A# w( |5 n0 ?, `$ g+ v
      }, Y9 \3 }3 o- \9 Y7 A
   else if (yDir == "up") {
! e' l3 o  @& i" O. Q7 _1 @5 v      yPos = yPos - BallSpeed;+ a/ q1 g  H5 M1 |" @. s" b! z
      }$ I9 O) O1 k: q$ L- c4 X+ S/ v1 f) s
   else {
$ i$ C; b6 U$ z3 _- ~1 e      yPos = yPos;
. w$ t: k9 W0 \; |$ Q8 Y5 W      }
0 E6 ]0 w! Z8 x! @4 k/ F: }   }
3 N1 f: H+ q, s9 f/ B, m, y4 q3 J# \$ L" o( `2 S
function hidetext(){
/ }' G- n0 u9 s) eif (document.all)9 O9 y$ F8 l+ Z  w3 b3 L- M
supertext.style.visibility="hidden"
9 M9 d; a* P/ o9 c1 k8 u- h7 L' xelse if (document.layers)
+ x8 d. w& V5 y- Z7 v  U7 Fdocument.supertext.visibility="hide"
  B" E1 j* v, B. i6 `5 a8 W5 yclearTimeout(animatetext)
  H2 r  A9 u; y7 g' F7 }; C( T5 M}
' S. c1 s9 Y+ m4 F7 o
, |, p3 N% S& C6 x9 Yif (document.all||document.layers){& p/ n3 A' S8 c, m( a. u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, y1 L- a& v$ O* Owindow.onload = initializeBall;/ u& C0 z1 ^/ j8 Y* F- ?( `
window.onresize = new Function("window.location.reload()");" J/ Q) _2 J' m4 t  @
}, R6 m0 A* }4 r. G" ~# a( N
3 t. t+ M: `* Z$ E! f- s0 X/ S
</script>