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

zw2004

<style type="text/css"># o8 a" l- _' z( j" S. B
#supertext {
/ ^' v, i( C3 t( x1 gposition:absolute;3 K1 ~3 Q! N4 p$ T2 S, o# S
left:0;
3 q' m' J: P- e' _top:0;
; C1 x" j: |: n/ E' C3 c- |+ G* U+ b: t3 Avisibility:hide;
/ r- d& D5 S# l8 bvisibility:hidden;9 B. H/ e) M% |3 A8 K( L+ I7 W
}# m6 G/ }! T2 {: q" F
</style>
0 g2 k' u1 h6 e<script language="JavaScript1.2">
* O8 ]2 r& O' X. J; D& O! {. c/ Y, V% ^<!-- 改变下的字体的大小。颜色-->
% j9 W8 h. Q( T, j2 u( l, mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 {9 |% x9 a, `, w( d# @. Tvar hidetimer='';
  a, c8 b+ d; A<!-- 改变下的弹跳速度-->
/ I& ?' f% y' b. I# ?var BallSpeed = 20;
4 w- w; G9 Z0 b/ \var contentWidth;
9 N) ]" t: n( X% \4 S; J& W, v+ s; svar contentHeight;! Y& M" ]0 z1 o6 K2 {3 x
var maxBallSpeed = 50;
+ Y' D/ |3 c& @( d5 y* O- b) p" ~; Z  ~7 j# B# _

- ^1 H# {0 R$ M! Kvar xMax;
' j# ?( W' @- [+ ^var yMax;$ V; a/ B# K, m' V
var xPos = 0;
' B# |! O% ~) ?1 h- s, U- `var yPos = 0;
; G, e! g. E7 ~! T/ l& dvar xDir = 'right';
# J1 ^0 W+ m* cvar yDir = 'down';* E0 ?. z8 ]0 K9 {2 o
var superballRunning = true;% L" m' i: R% s5 U0 k
var tempBallSpeed;
7 s6 G5 ]. n) L: bvar currentBallSrc;  A: M6 j3 W$ w
var newXDir;
) I6 S: u7 B4 f% M. e- ~9 Xvar newYDir;( J7 Q# S0 ^& U( }- s% E
5 }' X1 Z' k/ y3 Q
function initializeBall() {
) y* M& M+ d. E2 o   if (document.all) {
$ z9 C6 k+ {! h0 t  w, }      xMax = document.body.clientWidth
2 Q; f: S* C$ p2 l5 _      yMax = document.body.clientHeight9 g, `$ W5 b2 Y" Q
      document.all("supertext").style.visibility = "visible";. s2 k' |0 T6 H7 ~, ~" ]  Q  c
      contentWidth=supertext.offsetWidth# F: B& Q4 ?, a8 Z
      contentHeight=supertext.offsetHeight6 _% c4 Q, G# N& b- X" x
      }
, _5 F2 B6 p- b1 X  P+ g' N   else if (document.layers) {- y& |1 F+ x$ U) }* _) a7 @2 X
      xMax = window.innerWidth;
! [9 @7 O) s7 G6 D      yMax = window.innerHeight;
; I  P! c: h$ f! c1 v  G# F      contentWidth=document.supertext.document.width9 i1 n0 y2 o8 e! z& {" D( E* s+ {  o& J
      contentHeight=document.supertext.document.height: y/ _( K* ^: [" a3 R
      document.layers["supertext"].visibility = "show";
, ]( D! j$ g# s' M      }
, I: t6 H+ W2 s. R7 P, Q) n# `   setTimeout('moveBall()',400);
7 z4 Y! J3 Y  K   if (hidetimer!='')
2 @- [! N' b' i/ x# }7 W   setTimeout("hidetext()",hidetimer)# V. x6 k* D) t- L* t# |+ l
   }1 T5 }7 A, h" d# g" v8 k2 v

5 ]2 L% {7 }+ n0 h. g3 lfunction moveBall() {- f! X! Z! E' B' j! ^
   if (superballRunning == true) {, e, b2 ?# T, _2 ?
      calculatePosition();
- c2 `: n4 h$ {3 D- I      if (document.all) {9 Q4 J$ w" O/ U! ]1 s
         document.all("supertext").style.left = xPos + document.body.scrollLeft;& I" h% u/ Q% Y$ ]  v: F
         document.all("supertext").style.top = yPos + document.body.scrollTop;9 t( q+ X8 m# V
         }! I9 P# y, I3 i% ~: {
      else if (document.layers) {; Y' s6 z5 |, v
         document.layers["supertext"].left = xPos + pageXOffset;
5 q4 u/ L; g9 o  }' c2 m5 }         document.layers["supertext"].top = yPos + pageYOffset;8 S! s  t% }, O0 `8 N
         }
8 `( b8 e+ r+ W: L4 O9 m4 D      animatetext=setTimeout('moveBall()',20);) c2 [1 B# `. P; g- o
      }+ p+ s+ {. L6 {. m1 o6 {& A1 I
   }2 d" [0 ~' q& |/ n- t
! }* _6 V5 D6 Z3 h
function calculatePosition() {" L" _6 |+ |" k  y0 J
   if (xDir == "right") {- ~- J( [2 H; d* ^; F
      if (xPos > (xMax - contentWidth - BallSpeed)) {) X, Z# q8 M6 Y2 h
         xDir = "left";
) N/ Q- m' f1 j- O. o         }. h2 _2 e! f" I; A4 L
      }
6 ~, C3 l) l! M& P- O0 F. L0 I   else if (xDir == "left") {( L7 J; ^9 I+ Z5 |, |$ p! q
      if (xPos < (0 + BallSpeed)) {  J  ], |* v0 f% \& P
         xDir = "right";
, l4 R3 _+ G$ A% V' i         }
9 s$ @. `; D2 ]0 Z; d) T$ Z      }
3 N# L4 G' G0 f6 w* g! t   if (yDir == "down") {8 y3 M' W" z3 B& _
      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 u- s, |( Q% X  P2 b         yDir = "up";* }$ D& s8 v6 y3 H/ d  u+ k
         }
1 z: s& K; a9 t& i) u      }! ^! }4 g9 t7 w! Y2 P( @8 y# n% T9 K# }
   else if (yDir == "up") {1 E0 e) C3 g) Z
      if (yPos < (0 + BallSpeed)) {
' {: U. y& n9 U' G1 ]  ]8 w, F& _$ J         yDir = "down";
, c  g: N+ g/ i: ?2 ]7 ]         }
4 u( S+ a/ y5 r; A( k& K9 H6 o% m/ r      }
: r! [3 [4 L4 I/ i! W   if (xDir == "right") {
: C3 @, L7 M. g5 b  W  ~" l# X      xPos = xPos + BallSpeed;2 N* h  N4 x& N- R$ F9 M7 F; J
      }! V1 V. y: |% J0 l
   else if (xDir == "left") {+ V$ J2 b. x5 Y3 R& U! t) |, A
      xPos = xPos - BallSpeed;
/ A8 t1 Q' W  b+ Q. L      }
  S9 u& s$ W6 {& h, F   else {
  G. k, ^* F; n      xPos = xPos;
8 r9 J7 v& D1 h      }: k( E5 l# k! H; Z( d( a  W
   if (yDir == "down") {) D$ U: E3 m" I- i" D3 O1 |; n2 c
      yPos = yPos + BallSpeed;: w0 B  d" E# o% d1 `, Z- e
      }
2 ?* p2 D# E; y# r5 U) B   else if (yDir == "up") {3 w% t; O. D. A
      yPos = yPos - BallSpeed;/ c3 @# j* `6 D% \8 z9 {
      }4 L& {* y; O: V5 G% a- E
   else {& b- s( F) a. p! ~6 g
      yPos = yPos;
) N8 S4 B# m* X: h2 u' q" O      }
- d# q( ~7 M; v3 D   }7 b! d5 e  \1 l8 k* D- v
# v% M# q, X5 N0 f- {/ q
function hidetext(){
0 z, ^/ C3 {, H  @$ V! e+ ]if (document.all)& l+ o. W. j3 p) I5 I
supertext.style.visibility="hidden"
5 {% l' v& @- l0 I% l1 ~" j" G9 ?else if (document.layers)& B) s" L% E* X+ h4 L7 b! h: l2 ]
document.supertext.visibility="hide"
2 q# |; }1 \7 r" {/ |$ B6 rclearTimeout(animatetext)
  ^2 \2 b5 l( ~0 {* E" h}" R& |( s' B& b5 D7 i, u% l
1 K7 {# J: Q6 k* L8 J* A
if (document.all||document.layers){0 ~0 T1 m5 p5 B1 @" a
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' E* C( Y2 S0 b' c; _
window.onload = initializeBall;
$ p8 N! @  [& b9 Kwindow.onresize = new Function("window.location.reload()");
% V, W3 `) O- m8 r3 ~}
/ i; W, p4 [! e( Q/ V% X8 I- U8 D- ~& b# N
</script>