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

zw2004

<style type="text/css">
: a/ ?4 x/ V; Z& v% V#supertext {
: Z* B2 D9 j4 E5 ]( B2 ^* }5 u+ Pposition:absolute;: ?2 ^" F" D9 N8 x! Y
left:0;; s, x% e% b. X* Q# l3 a/ a/ q
top:0;: u8 J" N( E% C0 K( g$ Z! `
visibility:hide;2 ^! U5 d5 A5 u4 ?; v; O$ y( i
visibility:hidden;) H$ R0 J* E, N0 z( |- r
}. J+ e7 t0 b, F; x- ?
</style>1 V% e5 I( ]! G
<script language="JavaScript1.2">
4 k/ E; P4 D8 @, [& y<!-- 改变下的字体的大小。颜色-->
1 U/ [; A/ p; p) X& [, Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>': Y: U7 F2 K7 M, z( b) E: r
var hidetimer='';  i& W$ M2 y9 e4 i' ^" X  A+ m
<!-- 改变下的弹跳速度-->
1 t" }4 L6 Y9 p- j' F" s( Kvar BallSpeed = 20;' L1 Y$ A0 _/ t3 L1 \
var contentWidth;7 B9 V/ d0 U4 _8 V
var contentHeight;6 n* j. M, @2 P* r8 x/ D
var maxBallSpeed = 50;
! W+ b3 O! E6 h
" Q& P$ `7 V$ P/ h8 j7 m" [
4 S- ?& ^# y( \9 |& t; |; N" cvar xMax;
8 w9 Q' [2 R! \var yMax;
' V+ _3 c. h0 X8 ~: y" S1 |var xPos = 0;! I4 F  P8 E6 @
var yPos = 0;
. h' n: E2 `. [, I* I3 y& Kvar xDir = 'right';
5 E# i( ^5 ?/ \- mvar yDir = 'down';
5 B9 J% a; M2 F6 @. kvar superballRunning = true;
9 N$ R8 n/ e4 {( N6 pvar tempBallSpeed;
8 S$ K& l% D( P+ h4 Xvar currentBallSrc;1 D: k: m7 E* R7 K
var newXDir;2 g& B7 Q2 [8 P3 \& T
var newYDir;" d9 n2 g8 j& A

$ U% [0 P9 w9 qfunction initializeBall() {4 X# J) M( j3 i" ]3 I% P
   if (document.all) {
5 W: ^& ?7 |, n# M9 M8 O8 I% R& R      xMax = document.body.clientWidth
7 A( \0 B1 U9 ?' W6 T, l3 y) ]4 H9 m      yMax = document.body.clientHeight0 O% B6 J$ b  v6 z( Z6 k! P
      document.all("supertext").style.visibility = "visible";/ @4 ?: t2 U7 o* K
      contentWidth=supertext.offsetWidth2 f" q4 X9 Z. h7 E+ `. U# v
      contentHeight=supertext.offsetHeight
+ s% g6 [# v' f+ O7 r" R      }
. W  _( V9 x0 m: \: Y   else if (document.layers) {" w# b$ |* I! K, c: f  b2 f2 J  q
      xMax = window.innerWidth;
" ?0 r5 `. N/ t      yMax = window.innerHeight;
3 M$ G1 G; c% P" R. W      contentWidth=document.supertext.document.width
2 M! W/ T0 \& j+ V! S" M      contentHeight=document.supertext.document.height
) P+ t) y% y, ?+ Q# J( M4 x      document.layers["supertext"].visibility = "show";
3 R/ \# g5 s* G( N# F      }5 V- ?& q# V+ ^
   setTimeout('moveBall()',400);
: t( Z" q9 j! l% j0 v& h$ g5 ]   if (hidetimer!='')
3 G) R$ c1 J4 n4 B' e   setTimeout("hidetext()",hidetimer)0 W9 N7 H' S4 I" Y( j0 ^5 B
   }4 R" [0 }( L6 S: M# e. N* F$ ~* R
, c- Y! b- E' v$ Y8 {7 S
function moveBall() {; R/ y4 {. j2 \' O
   if (superballRunning == true) {
$ y. \  @5 Z) ~9 y$ e1 `. A$ [      calculatePosition();2 B( m8 h7 e) e' `; M' k% k" ~4 _  E
      if (document.all) {/ i* K! e, v" i2 _- r0 I
         document.all("supertext").style.left = xPos + document.body.scrollLeft;( Y' N. M# ^" X& _1 z8 t
         document.all("supertext").style.top = yPos + document.body.scrollTop;; M+ J% p" `+ A
         }/ T4 q. X- N9 J- f# H; O
      else if (document.layers) {
% ~2 U5 F0 ?0 F2 \         document.layers["supertext"].left = xPos + pageXOffset;6 j  E, T% w+ ^* j. v
         document.layers["supertext"].top = yPos + pageYOffset;0 o/ U+ ~; T' v3 d
         }
" q& z0 X2 L8 U      animatetext=setTimeout('moveBall()',20);3 D/ U$ D5 X$ G3 ?1 [. J( S: r
      }
! T' z: |3 E# k5 F$ u   }
4 K: q* l. v! }: \
- R) w4 t& X- ]) ~) ]1 Zfunction calculatePosition() {3 Y8 @; h" }! F
   if (xDir == "right") {
1 _; z( B& v/ Y. M$ o; s4 V4 c+ W      if (xPos > (xMax - contentWidth - BallSpeed)) {# g" J' S' N( E6 d. a
         xDir = "left";
, q! I1 \  ?% ]         }
1 L" d$ [) A0 W7 N. H% W      }  O/ r/ A& m* @* g
   else if (xDir == "left") {9 a7 D% m  ?; l
      if (xPos < (0 + BallSpeed)) {/ `) d. l( M- Y! R* E" \0 ?
         xDir = "right";, P  N6 k( |% P
         }
; L# n5 i# L: j# e$ x/ U7 y1 O      }. Y( U8 q  m% |5 y4 o
   if (yDir == "down") {
5 |% K; i( Z/ y1 u, N      if (yPos > (yMax - contentHeight - BallSpeed)) {
: I7 e2 a" O$ k4 W# Y: V/ Z         yDir = "up";
. z7 r  M# w/ P& w# T5 i! x         }
) c2 ^! y+ E6 C6 ]/ q1 M0 C      }
7 F) V; @4 Q, T0 k- y# ?, v, _   else if (yDir == "up") {  {) N+ `$ \- f9 v) t
      if (yPos < (0 + BallSpeed)) {, D: S" @6 t. c3 y5 o. J8 V- s9 M
         yDir = "down";
  F" M9 c9 v. \8 n         }( F) F0 s  c) E3 ]5 D
      }+ F; K9 ?$ p9 e& K; Q) Q4 o% \
   if (xDir == "right") {
* h) y! ^3 G" R. G      xPos = xPos + BallSpeed;
7 C0 d( H; a+ ~3 n- v! R0 x      }: v6 w7 w5 |/ [
   else if (xDir == "left") {
7 N2 @1 ?* }! Q      xPos = xPos - BallSpeed;0 }9 O1 n* k# }
      }& Z6 E, v* g7 Y4 A+ |. e, s
   else {$ p" w/ s4 X) F2 m
      xPos = xPos;
" E' ?- r& B0 B- p( }& u      }
. J9 e2 C0 J+ [& \2 D. b4 d" q   if (yDir == "down") {
3 L8 |! F6 j  I8 \1 n      yPos = yPos + BallSpeed;
4 y, q, h3 }  P3 n      }
# G( d1 |& Z& w: U: d+ J  Y% q   else if (yDir == "up") {8 K# j! w- p: G5 @5 @+ A& E+ E. `* m
      yPos = yPos - BallSpeed;
0 r2 ^& u% ?: C) w$ t      }
; n; D) V; ~" X- W0 ^/ A   else {
: F, M# g+ t' S, t- d      yPos = yPos;
0 M; `& Q7 U' E0 o      }
- B! P: _* ^# N   }
/ B, `! a( y$ s
. L% x" _* R$ e1 i+ Efunction hidetext(){
( b7 ]) M! {- c6 L; h6 oif (document.all)! ?# E. L9 z( ~. s; q  M/ W' _
supertext.style.visibility="hidden"' u, D& k/ v/ d' ]$ l2 ~- x0 i
else if (document.layers)
1 w! V, l( k: ?+ P; Edocument.supertext.visibility="hide"
! N9 V! a; q: S) M3 z* D2 {: KclearTimeout(animatetext)
  z! z  @3 x7 i3 d: n}3 ?7 d& Z- v1 W  Q0 d0 X3 p7 `

' D7 E7 p2 I! ?: Nif (document.all||document.layers){" w2 ]8 F, n4 d5 _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; P/ B; [' z. r+ |window.onload = initializeBall;
! T' o, Q3 K9 P8 [9 E& P4 wwindow.onresize = new Function("window.location.reload()");  s' [* j6 _2 \- d/ q
}, c8 J+ a) u' |
9 K! _5 {( N! F& V  A' X. K* a, s
</script>