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

zw2004

<style type="text/css">  [- D7 X) g: W* a4 U0 F
#supertext {& }; p/ x: l4 y0 {: ~( j
position:absolute;
! @) c7 f9 B9 kleft:0;
' i* n; d4 W" v& ~$ E7 U3 d3 Dtop:0;
2 p! e; ~$ _7 U6 c0 Y( b) T) a. [4 Bvisibility:hide;
% ]9 s9 w' e9 J2 |  H7 lvisibility:hidden;/ F9 {3 U5 ~% A' b# O5 Z% p, G- @( j
}8 G* }1 o$ L, R8 {5 Z3 y' |1 [
</style>
% t9 H( d) d, @$ u0 O<script language="JavaScript1.2">3 n6 N0 i5 D( t0 a; {5 r& r
<!-- 改变下的字体的大小。颜色-->: q4 q% j! \' n8 k1 Z' [* H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* i/ D0 ~& E+ ~3 m% O; Y* a) Evar hidetimer='';* G5 I6 N( R5 Q6 }) P
<!-- 改变下的弹跳速度-->. U6 \- L; v/ G) D
var BallSpeed = 20;+ d. m5 _2 }4 e- d- F! S
var contentWidth;
; T: ~* X; N! `2 _, `9 H1 Tvar contentHeight;
7 ?/ ]. ^- o$ e; D$ Cvar maxBallSpeed = 50;( a$ l5 T8 I3 _, R7 u% k, p9 ~

1 n/ W! S& L3 X9 x4 X! s# {
2 B; k. H6 [1 |. \5 Xvar xMax;8 B9 u0 x* O  J0 J
var yMax;
# P# ]! X# {( I- {var xPos = 0;
0 a: A1 c9 _9 Z5 l3 c; X4 _var yPos = 0;3 X0 O+ H* y2 X
var xDir = 'right';
8 m) f# V5 _2 Q! G) @3 w3 N& `var yDir = 'down';& l: _% x# A2 G9 X3 z5 ?
var superballRunning = true;- B  y4 A: N& |5 M2 H. t  b
var tempBallSpeed;
3 ^1 j( O2 {( M/ E: v0 \var currentBallSrc;
$ A! V. W& I! w0 d% G- x4 @var newXDir;/ [! f' c  e% a' P8 W# q. M
var newYDir;
1 T7 D8 k. R. A3 j1 F1 s8 q
( |9 w5 Z" y! S2 Ffunction initializeBall() {3 \: \, B) Z: X5 Y
   if (document.all) {
  J! v5 `5 Z+ p3 |9 V7 e& `      xMax = document.body.clientWidth( l: o  c! q( K% w5 a2 k
      yMax = document.body.clientHeight) ]) {2 i% T. H6 y
      document.all("supertext").style.visibility = "visible";( v- _- _# D0 u3 {; n
      contentWidth=supertext.offsetWidth/ C& E9 ^! ~  y! a
      contentHeight=supertext.offsetHeight
% \, R( Q9 M& C  l% H7 T: a3 n      }
* [$ w9 a" j1 L. }   else if (document.layers) {
$ D/ h" R# R2 F7 p( m# Y      xMax = window.innerWidth;. g4 |# e# g% h# }
      yMax = window.innerHeight;) k7 F# T0 B: d8 \4 v
      contentWidth=document.supertext.document.width- p" Y- G1 t" G' i& {& C0 }$ \. t/ z
      contentHeight=document.supertext.document.height& A4 w4 n1 G! B( i4 d
      document.layers["supertext"].visibility = "show";$ E  l' G2 Y% d4 v
      }
8 |1 m- c9 P1 S: Z   setTimeout('moveBall()',400);! Q2 o6 c4 q$ H1 Y$ W
   if (hidetimer!='')1 l" t& T7 S- U0 H* a
   setTimeout("hidetext()",hidetimer); z& U. G+ F& a7 o
   }
( U4 w8 _* g& g1 }- p1 ]& s' A7 a: P: X+ E4 v  y+ G
function moveBall() {* M- N& i% ]& V& g% ~
   if (superballRunning == true) {6 j7 Q/ q# o( u
      calculatePosition();
% c3 H  `; v8 f! m% v8 ~% K7 H) E      if (document.all) {
2 p9 S( Z. i. ^- ^9 ?9 c         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 N. u; x) c5 n8 N) T" [
         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ t7 q* b0 K3 V) X$ P7 Z. K         }
  s2 G: _5 u+ s6 H# R  [- D! B) u      else if (document.layers) {4 R$ H, w2 g# j" N* Z
         document.layers["supertext"].left = xPos + pageXOffset;
( J# l. {6 Z3 f+ e  s% @         document.layers["supertext"].top = yPos + pageYOffset;
! D5 G8 _, G5 v5 M+ Y         }: \4 W1 d2 V6 m  G) c0 D4 K" E
      animatetext=setTimeout('moveBall()',20);
% ^6 ?% F) P" n- K2 p( b1 p      }
8 _" ~& E  G2 O& |   }/ Z1 q, \7 ^0 i

7 F# ]$ J0 o" j) i9 [function calculatePosition() {
, Q# [; c' S4 ]6 q) N: y   if (xDir == "right") {: \1 W% z% J& q" H) T5 l) B
      if (xPos > (xMax - contentWidth - BallSpeed)) {
- h; Y: l  \- M         xDir = "left";& Z" K. j* }- ^1 a4 W" i" ^
         }' Q* T2 p) L. y) Z  Z. {- }) Y: `
      }
7 x6 p" x3 Q" F! ]3 P( [   else if (xDir == "left") {2 O* Y0 t& o; N2 x3 ^1 A/ \% R# e
      if (xPos < (0 + BallSpeed)) {
6 U0 `* e1 c- t- \6 N/ W         xDir = "right";
& `) h" Z& D* r- L( C& h0 L. u         }( n0 ^/ q% r; s3 u
      }6 b6 S! E' t" X1 ~) _
   if (yDir == "down") {2 t. K3 }. A9 T8 I
      if (yPos > (yMax - contentHeight - BallSpeed)) {
' @/ I, W- k) r6 \5 ~7 a         yDir = "up";
* W7 P2 I9 t' `  |1 R         }
9 i6 O& {7 f1 T0 ~      }
( k8 n3 ?" s/ w9 a/ l   else if (yDir == "up") {
5 o, U5 R% I; n6 N: c6 k      if (yPos < (0 + BallSpeed)) {
$ x; I7 D8 i- H0 ]1 n* ?         yDir = "down";8 `9 Z+ i4 d2 Z" I" U0 D
         }5 |( k4 h( i; E0 o
      }5 M0 m. ]( a  V9 f3 V# u$ X
   if (xDir == "right") {
4 z7 J* ~2 X% Q4 T7 j- f  a% O$ F* l6 [      xPos = xPos + BallSpeed;
. @. k: C, y' j4 y  w% _      }4 B3 s5 T& ^6 l
   else if (xDir == "left") {( O" V- C- Y) n  I6 w) c
      xPos = xPos - BallSpeed;. P* {- R6 ^" S4 R8 T
      }
0 {7 R1 A/ ~. Z   else {4 O5 ?! D  [0 e' j$ }
      xPos = xPos;
6 U! X% i8 m; v5 Q" V  ~. Z      }/ `7 ^! |  C$ X% @0 |8 D9 C
   if (yDir == "down") {5 V0 I6 @  k! S' l
      yPos = yPos + BallSpeed;
5 J) i# f! }0 |6 w# s$ q7 U1 ]      }5 E$ E: f# \5 Z. v" i2 F
   else if (yDir == "up") {8 I5 h( M: K: c; h& S
      yPos = yPos - BallSpeed;
1 T* w9 }! ^9 U0 o1 X      }* L4 j9 J' X' G+ q) h+ r& E
   else {
! W' w3 ]) I$ c6 B# T+ u      yPos = yPos;: E6 l7 Z* q. D5 [4 ?# k& p
      }  ~, H# u0 g" V
   }
; ^8 G. K. {. B% }
; X$ N: x6 G# @9 H- ~' _function hidetext(){
5 Q; ?2 N9 N+ o6 j& b/ @5 Q+ c( hif (document.all)# B- D1 }$ \7 A, g" j9 Q" y
supertext.style.visibility="hidden"4 U* K4 H; M: I4 f$ l) R
else if (document.layers)4 N" P) P! h  w  n' \0 q
document.supertext.visibility="hide"7 s) I4 O# f! Y
clearTimeout(animatetext)
8 q5 O/ b/ Y2 x! W; `1 s' H9 V. c}
1 W( q( U/ r! Z1 }! l9 Q) \& R& [, g6 n- t& Z( }7 W
if (document.all||document.layers){
6 K  v1 L0 r0 f3 J; H& Rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" _, V1 F4 k; u6 R% V2 r8 P/ x
window.onload = initializeBall;
+ I( M0 F; e; B: O3 M& k+ Hwindow.onresize = new Function("window.location.reload()");
) F7 L5 l7 a6 D5 n  S* H7 b}" s) G0 ?; l/ r# t
- P5 z5 }9 d$ d
</script>