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

zw2004

<style type="text/css">
) R) ?; h" G9 [. I$ j! v, x#supertext {, E/ T/ Z' K" [
position:absolute;, ?3 T4 G1 j& R6 V' v
left:0;
8 l1 N. c+ ~: N2 e/ @( }2 h$ v7 i( vtop:0;
, Z  ~+ F" S9 Svisibility:hide;/ l1 g2 `' n! E% k# J
visibility:hidden;( y/ B+ a1 ^. P5 \* l
}
6 z* }0 G: q2 A) ]; X1 w</style>
4 T) G; R. N2 e( q9 P( e9 ~<script language="JavaScript1.2"># q7 F, N5 X5 G! N" o( n4 l
<!-- 改变下的字体的大小。颜色-->
1 R/ m7 o: j; [4 Avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 o. Z6 m2 d) ^3 _6 g% V! W: z) x# j
var hidetimer='';7 n" |3 |/ N% B5 Z- F/ |" h) n
<!-- 改变下的弹跳速度-->
( R, t+ ~2 d+ u( o- cvar BallSpeed = 20;
; A: C- V! z& B% h7 j0 Z1 U/ wvar contentWidth;
" n( w: m& a3 ]6 G% u  d" N+ Ovar contentHeight;
% i8 B9 C- p! Yvar maxBallSpeed = 50;
9 ~" Y( Q* |; W5 t: {; @- U" i3 D4 x+ J2 z3 N4 W" I
4 v' C1 G7 E! Y1 u: y) `
var xMax;& Z7 U/ b1 a/ D8 q8 b" }
var yMax;
6 z$ s" v$ Q7 b9 A2 N: pvar xPos = 0;8 o9 q& ^% V9 V6 W/ Y
var yPos = 0;8 O1 V) b1 s' n# v
var xDir = 'right';) y: q4 v1 a0 ?  R4 g0 \  d
var yDir = 'down';. {/ A" O7 o1 F: d7 `! [: Z+ m
var superballRunning = true;
7 R% K: r) |+ J; @. \var tempBallSpeed;
7 b" ~4 X4 H" K0 Lvar currentBallSrc;
5 l  v7 ^& l, A) O( _var newXDir;* x( A8 q5 ~, S' s0 E( Y1 A
var newYDir;: ?0 T  L1 S3 ^+ j
) w7 g+ P: V: w6 O) V1 i, b( A
function initializeBall() {1 T8 N* a0 r7 v+ N4 ~7 f3 g
   if (document.all) {
& b& ^+ M$ Z1 Q/ V# P      xMax = document.body.clientWidth. w; \, q$ b+ o+ ?8 Y  e& g
      yMax = document.body.clientHeight7 W+ g) @2 {9 m% d: f2 U! c
      document.all("supertext").style.visibility = "visible";
) T0 a; g, x5 M0 ?7 O5 y      contentWidth=supertext.offsetWidth8 j- d2 w: f( T: s: l
      contentHeight=supertext.offsetHeight" X- ^; O6 r  K) n; W
      }
/ ~. }% o2 A  `$ x: F& e   else if (document.layers) {
4 T7 n' C2 l' O9 I: Q5 A/ Z      xMax = window.innerWidth;
' N( f& O- i$ P" J1 v      yMax = window.innerHeight;* X8 D6 w9 R" V9 b5 u1 {: A3 A+ H
      contentWidth=document.supertext.document.width
7 {' i( q# S3 {0 Z* ]$ H2 i      contentHeight=document.supertext.document.height$ q$ f" a& f+ U( C4 ]! J
      document.layers["supertext"].visibility = "show";6 S- T' S) `& m( Q- F: y
      }: U3 a6 _' p$ e: D3 ~
   setTimeout('moveBall()',400);/ i, R: m" U; d3 X
   if (hidetimer!='')& l1 W! l, y( L1 V) j
   setTimeout("hidetext()",hidetimer)* ^2 _/ ?; z; o& N, j
   }
# J8 Z$ D( x- e$ ~1 C4 O8 U9 }6 q$ r* V7 }/ H9 ]  E8 ~
function moveBall() {
: {, D) t# ]. x: c+ ^   if (superballRunning == true) {
5 P- l$ o, [; ]/ R. A      calculatePosition();
* j+ \* ~& O5 L' ?+ A4 L      if (document.all) {* \* j9 b1 j! z2 k9 J. m& @
         document.all("supertext").style.left = xPos + document.body.scrollLeft;% Y: S7 k+ s* n3 q) l) ^  o
         document.all("supertext").style.top = yPos + document.body.scrollTop;! Q( g- x# i$ z& @3 e
         }4 O. l8 W" |! x  y2 e' Y1 U
      else if (document.layers) {
  a& X$ Y9 L, n6 f! W         document.layers["supertext"].left = xPos + pageXOffset;6 {# l& ?: M0 }- Z
         document.layers["supertext"].top = yPos + pageYOffset;" _6 X7 c5 `" ^* I
         }
) v, u$ N. H% M( S5 _      animatetext=setTimeout('moveBall()',20);2 N: O! _/ f3 \6 ~
      }* M- K! f9 K4 \7 x4 |
   }8 \: H' @+ V8 T
0 J( C0 j- J0 d9 x
function calculatePosition() {
1 L& i, r. J. z# ^" r   if (xDir == "right") {8 A( m( U5 T1 W3 d, l
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 k/ f% g) D. e" O) k& u8 [/ a         xDir = "left";
. V# Z* W( |' n- \/ K1 @         }
; J) r9 D0 g: E4 l      }  g  m! q# B7 o
   else if (xDir == "left") {
( T4 D; @6 }/ S      if (xPos < (0 + BallSpeed)) {
. F1 t9 {$ A4 C7 v0 N         xDir = "right";& V- n6 Z& r( q2 s) t" P5 W" I
         }' u" p+ r  Y+ F) p  _. y  R
      }
6 k. W0 T7 G9 A, |9 s$ i   if (yDir == "down") {( g) `( t. e4 k
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 e) s$ Q: P, |/ f- \% y         yDir = "up";
6 t. p/ e3 q0 i) n) y* _, @         }
8 p: b" o6 t9 v; |3 {9 C      }$ ]! ]/ j0 B$ C  k) r7 R
   else if (yDir == "up") {
* a+ w/ ~* s# v      if (yPos < (0 + BallSpeed)) {
/ `( `; Y0 @- v4 q4 q3 y         yDir = "down";
) w, P: E* S4 {) _: R4 M/ k         }  @1 |, w7 A6 X% `
      }7 L7 g, m9 _6 r. a+ F1 y! f
   if (xDir == "right") {  k6 O$ A0 A4 g; G% ]6 i
      xPos = xPos + BallSpeed;. W; m# d' p  \. `' s& D
      }" V7 ]# Y* y) t% h  Z) d& I+ ?# x" g# r
   else if (xDir == "left") {
! L: d8 J6 p. y/ F. j      xPos = xPos - BallSpeed;% n( }- k/ X0 {( @9 Z9 X" @# g; [
      }
; M, K/ o. U9 W6 [   else {- H' h! R  Y! g9 V
      xPos = xPos;( }+ `) C! s$ V  e0 y/ a: @+ D2 Y2 Z
      }
+ N% k0 W/ w1 P  [1 \4 m$ X0 a   if (yDir == "down") {
% C; ~8 e# U: Q6 M      yPos = yPos + BallSpeed;
  p  B- `- s3 g4 f* U      }
5 i  B# s/ \: y7 F   else if (yDir == "up") {
5 r5 N. o0 ?9 K) a- N1 B# l. m      yPos = yPos - BallSpeed;
' i5 i; Z; X( s$ u* r      }; b9 w/ Q" g; @2 Z" `$ Y
   else {
) ]2 a- x7 I$ a* G      yPos = yPos;
2 X* q  x" b6 p. C1 a6 w& Z& {      }
; h6 G! _- l: \4 S& B   }. e8 i2 k% e; Y6 G+ R6 E
1 h1 l0 R! a" i1 i4 w" \
function hidetext(){, x2 p3 |( B4 ]0 {4 P- u
if (document.all)
6 Z( u! K7 l; J1 H6 Gsupertext.style.visibility="hidden"
7 }/ }3 O2 b" g! eelse if (document.layers)
! \) J- Q& }' j% w& k9 Jdocument.supertext.visibility="hide"
3 s& g) g# j& N8 |clearTimeout(animatetext)
/ x8 c/ {# y" @6 D! [}
5 i$ M& P! l% O& t  ]# C5 I2 o9 g: U0 R1 U
if (document.all||document.layers){
' {' G4 J5 l4 |' _document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ a6 d! n) q$ g4 W
window.onload = initializeBall;
; h9 p2 r' e0 B, G% T, {window.onresize = new Function("window.location.reload()");9 N/ A: |  i# T* g/ X5 _9 _
}
$ H0 Q/ q0 |* J3 ]( p) T6 l( h
</script>