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

zw2004

<style type="text/css">) T2 u  q  U5 T$ o6 x4 e! p, g+ P
#supertext {
* X6 I7 T; G0 ?3 X- H% Y/ |position:absolute;. u# ^: Q: Y5 ?# d# j9 p6 r  S
left:0;8 m# [0 a3 p4 S$ i3 F
top:0;5 m! g- q6 z4 `# w
visibility:hide;
5 ~8 [  W9 u+ G9 P' L8 b6 C5 Kvisibility:hidden;  J) c2 ^1 y( a) h' k" P
}: c" {5 W3 y7 `' n+ T- j
</style>
1 v/ N2 R3 b, L9 }3 K' U' v# h<script language="JavaScript1.2">
6 @8 p: M# {- |# L<!-- 改变下的字体的大小。颜色-->
8 V  H. X* w$ m3 R) f0 d! z: fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# e) T" X% m9 L% ^) u* I) n: j
var hidetimer='';
' _+ _9 m' Z/ a2 W, h# X; @<!-- 改变下的弹跳速度-->* l6 h* X( @, G' O# ]7 Z
var BallSpeed = 20;
7 C, I! R+ U# i$ x, R1 m* lvar contentWidth;% b; v5 g/ {5 [; ]
var contentHeight;
" R" z7 e: h& Q9 Wvar maxBallSpeed = 50;
5 s8 r0 x) s% ?+ Z- ~& N* q+ f$ ~. q8 u
$ N4 F6 D+ e" K& Q
var xMax;) E0 N1 t! ~/ i' \
var yMax;( X# D2 I+ B/ g* i9 f8 [
var xPos = 0;
6 ^+ d1 n, c. z( ]2 [var yPos = 0;9 i% y+ w  h+ b
var xDir = 'right';6 Z- u% c) D8 T* w: \4 ]
var yDir = 'down';
; a; R# _. {. g1 avar superballRunning = true;
+ w  F+ l8 V7 O: X$ jvar tempBallSpeed;
# S. I& o( d+ r+ jvar currentBallSrc;
: Q, w$ H3 }! z" jvar newXDir;
: ~! h4 w" X% N+ |( \, `' c3 ]var newYDir;
* [. c5 @# s% B: n- w/ _7 o7 x% B. r& j. E
function initializeBall() {
& C% E$ g6 e* n4 [& ^   if (document.all) {
/ `. A" N) ?0 j$ J0 |      xMax = document.body.clientWidth
+ j0 W4 y! {/ Z- }4 {8 m      yMax = document.body.clientHeight
  n* c6 C. t; r" w, i$ e      document.all("supertext").style.visibility = "visible";' X, T/ S9 ~: g
      contentWidth=supertext.offsetWidth* o" F' H, R3 z( v; H8 k! R( F
      contentHeight=supertext.offsetHeight# g& ~+ p; ^. P, F5 j( x
      }$ t! X  O( {- ^  f3 r( G
   else if (document.layers) {
& J7 k( w' o! u( U      xMax = window.innerWidth;
7 y' d5 W2 n/ D7 q# B$ x      yMax = window.innerHeight;2 j3 e! i! B/ r( D' P4 u
      contentWidth=document.supertext.document.width. W5 V& _$ Q$ E4 z$ [
      contentHeight=document.supertext.document.height
6 X  f( m0 V! Z& J/ i2 C/ W      document.layers["supertext"].visibility = "show";$ N- O- \+ |; a! h5 [( J8 |' H
      }
, F; o& S+ ]& u$ A   setTimeout('moveBall()',400);  f* y/ k7 Q' o& x6 x
   if (hidetimer!='')/ z7 k7 `5 y, b
   setTimeout("hidetext()",hidetimer)2 s# V) U' B+ _% ~
   }
  U2 ?3 G+ ^. P" D* k' q2 G/ E( g2 n  T: l6 X
function moveBall() {3 \+ k& a7 g% ]% U( n$ D
   if (superballRunning == true) {; p& F9 e$ a6 s
      calculatePosition();
/ ^: v6 Q) _1 F) H& X      if (document.all) {3 _' R9 \: b. a& D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;% B) o9 T# J% U3 P- Y
         document.all("supertext").style.top = yPos + document.body.scrollTop;
  t- b# l' m9 E1 K         }* y: [! M7 C' D+ U: a8 B  H0 L
      else if (document.layers) {
5 H+ ]1 ]" S& v- v         document.layers["supertext"].left = xPos + pageXOffset;" K- E2 b! S. X- _( S  L
         document.layers["supertext"].top = yPos + pageYOffset;
# d6 V% [& S+ O; T* F7 ~         }
7 v$ h8 S- h8 N6 I( ^# Q8 y      animatetext=setTimeout('moveBall()',20);
# W2 U! \7 \. B, y( p      }
  S% G) O" {. j1 D6 a6 i   }
+ O/ I8 t- m% X; X' \' ^3 C; r& `4 p6 S! V$ r9 G9 m" G: ?
function calculatePosition() {* K4 I$ L1 c+ H7 x
   if (xDir == "right") {
& T, f* ]& N$ N; w# `      if (xPos > (xMax - contentWidth - BallSpeed)) {2 [5 X; |: R# X# }
         xDir = "left";% y$ ^# D7 Q3 t% E7 v
         }
5 U8 E: g% Y* O8 q' }      }4 q. E/ d5 _% _( e+ g9 @
   else if (xDir == "left") {& Y: m. ?% Q! w' O, w8 Q
      if (xPos < (0 + BallSpeed)) {
4 Y7 x0 D' U+ G$ Y: }2 A         xDir = "right";
# L/ m: ^9 N3 F1 r0 M; d  U         }0 D6 C  D" W$ X! Z0 {+ j- f
      }
+ y5 y/ U3 o* J8 c% ^   if (yDir == "down") {+ ]/ w; K8 T% d/ `
      if (yPos > (yMax - contentHeight - BallSpeed)) {
# V' {# I6 ^8 F  J' p( v% r         yDir = "up";# y% x2 N) E7 L! \
         }
& h! R/ q  v2 V+ q% o      }; ~7 f6 v0 ~- K6 R2 j
   else if (yDir == "up") {
5 p. r+ Y9 i* x+ o# Z- O5 l. \      if (yPos < (0 + BallSpeed)) {
1 F7 x& q6 `1 l7 V4 n         yDir = "down";
" j/ H3 A9 \  ^; G5 _) ], c1 M3 }* t         }, ?( S: e; {. o; c+ d" }
      }
' w2 E; ]0 v) E. D3 \4 H   if (xDir == "right") {
% }' y, {  h+ A1 @3 p1 a# z6 W      xPos = xPos + BallSpeed;5 W2 l! \- t! \# C$ b' T
      }
, _. _" x- ^8 q   else if (xDir == "left") {
  q  i  O' ^5 y& W! B      xPos = xPos - BallSpeed;
& F! E7 c9 P. w3 J3 ]! g      }
& Y4 G8 w- `) Q! a   else {
" w  ^4 E7 b  H+ M% V! G  {" y      xPos = xPos;
5 h- n' j+ Y$ [$ c" P3 U" z) Z      }! d( i  S) a1 {; K. K1 z( W$ ~, f
   if (yDir == "down") {
: y0 f. g6 U, S/ E      yPos = yPos + BallSpeed;
3 \, |4 R) l* z" g' v      }, ]: B% b7 u; _5 X
   else if (yDir == "up") {
' |6 z; S3 L% M6 B7 y4 @8 N3 u3 S      yPos = yPos - BallSpeed;
) N9 ?. }7 |* A- t3 @      }
8 z. |5 _& r1 [, u2 l( @   else {
% Z% L& {* `% S- b      yPos = yPos;
/ a/ ]1 J& `6 ~/ m/ Y# O  k* O      }
8 B6 G; O. Z0 C   }
7 u$ T$ ?2 J% C2 k! T( @) a, a1 {% _$ W4 |+ j( G/ `
function hidetext(){
' |2 h8 [, s) m4 _* n: Zif (document.all)
" c6 ~' l& `, P2 W. \- o; S* Gsupertext.style.visibility="hidden"
) k6 R; H. x% y. l5 F) Velse if (document.layers). o' z! M9 |0 C0 \: Q; R
document.supertext.visibility="hide"7 |; t1 i& C8 g& v) g
clearTimeout(animatetext), l& [8 J; R$ ^
}" t7 ?1 ?: P" _

2 V' [) u" U) hif (document.all||document.layers){3 t& t" c8 l+ @
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 K; j. r3 f- Y9 H
window.onload = initializeBall;
1 O% e9 O' E3 B( S6 z+ Y- m2 p: Lwindow.onresize = new Function("window.location.reload()");2 t8 T/ U$ P9 u+ A
}
4 [- d5 y9 Y. U( k8 y3 }1 j! N  r! i, A8 f
</script>