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

zw2004

<style type="text/css">5 e2 n) C5 r+ H$ @8 |
#supertext {* `. ]6 B5 i4 D' f' ?9 U
position:absolute;, o$ W" }5 ?& c7 q$ L
left:0;
* I5 N+ w& V7 G8 _7 ktop:0;
: A  e; f5 c' Pvisibility:hide;
) ^. m" ?( B; Svisibility:hidden;! q4 v3 s# _# [$ |: X& E  j3 Y
}
2 V) c9 M+ s+ j9 W4 K: M</style>2 K/ T# o" _" Z% s  c
<script language="JavaScript1.2">
1 g5 G& Q) ^+ a<!-- 改变下的字体的大小。颜色-->
7 C+ ]: U' s# W9 z) T9 ]- ~var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; o% P" }1 e5 |. ~* B
var hidetimer='';
8 s" u% R7 X" i2 ^$ w& Y$ p3 V. a7 b<!-- 改变下的弹跳速度-->
9 ?! `7 a8 `$ A( A6 B' n  |- L& Dvar BallSpeed = 20;* E' `: a: e  Y6 }$ V
var contentWidth;7 u1 y5 |+ i7 S! T
var contentHeight;& J3 E0 N# n4 M" r& ]4 `
var maxBallSpeed = 50;
1 e+ I" e8 g9 M' S& e6 Z8 \
: ?. ^! r1 c( `, l& R1 Z9 X
, |2 }2 C& ~/ Rvar xMax;3 e& }6 J' L& Z# B# p6 W
var yMax;
$ E4 G1 T/ P/ Nvar xPos = 0;( @- v& U3 I+ t9 r* u4 N/ {
var yPos = 0;* b& g4 J7 R, K
var xDir = 'right';  C% |9 Q5 U1 k8 u+ }6 `9 r' Z
var yDir = 'down';9 F2 T# G& }3 X$ I& P
var superballRunning = true;) _) k; D2 `% ~
var tempBallSpeed;
7 e, v. x( X: w  pvar currentBallSrc;( t3 Q! G5 [' R
var newXDir;& D2 d# `. V, D; |* H
var newYDir;
5 D. m) c" B% x+ |5 R$ }. z" J& u) k( l& p. n  _7 h, ~7 O- V3 W
function initializeBall() {
" M1 V) S2 U- |4 q/ t7 w   if (document.all) {+ H# \8 b1 Q0 A& G
      xMax = document.body.clientWidth
: l7 x5 N# a: M* ?" H0 _. r5 o      yMax = document.body.clientHeight
/ M- m5 x( b# J& D! ^, U; V5 y/ h      document.all("supertext").style.visibility = "visible";
; f( r2 a' G. d( c4 J) q- P# G      contentWidth=supertext.offsetWidth
* m6 n+ |# j0 z$ j# m  ^% I. q      contentHeight=supertext.offsetHeight) A( `4 _+ K& ^* e8 O+ H
      }" B4 ~1 _0 Q' K6 G: l. M
   else if (document.layers) {' f8 T3 |# Y" {3 V# E9 {! k
      xMax = window.innerWidth;( ~+ M" i) W, ], l! D( u
      yMax = window.innerHeight;
( i# E8 {  N3 p( m8 W8 d      contentWidth=document.supertext.document.width
: R6 Q# y2 E0 D" c; y      contentHeight=document.supertext.document.height
# K2 U% S; Z; Q9 S+ g      document.layers["supertext"].visibility = "show";9 s( d+ T' E8 i' U- _; a0 R
      }& ?" u$ L6 A/ z- ]* e' ?
   setTimeout('moveBall()',400);
0 l5 T; C4 D' y   if (hidetimer!='')1 x+ F8 x0 o/ x( O
   setTimeout("hidetext()",hidetimer)
3 v5 P' P1 t& S: Y( p   }
* x2 |$ |" h% t$ R4 M9 ~* E/ B8 _- M6 s' r+ M8 L
function moveBall() {% P) d% A) E  h+ \5 S( |
   if (superballRunning == true) {/ g5 I6 h5 f3 A" I& i
      calculatePosition();
5 D: h! g9 o, b' S      if (document.all) {
/ y1 v' Z* b5 Q/ S* D7 X: I# Z         document.all("supertext").style.left = xPos + document.body.scrollLeft;/ y/ \! R7 z9 D, O2 A* r; G
         document.all("supertext").style.top = yPos + document.body.scrollTop;
- y3 _5 g- n, i; |* |% U# I         }' d; A& s7 Q% v; R1 X6 o
      else if (document.layers) {
4 V' Z; B7 _% p8 L         document.layers["supertext"].left = xPos + pageXOffset;3 s, A7 O+ _- B8 m
         document.layers["supertext"].top = yPos + pageYOffset;; d! Q4 I* F" [4 E) Z1 h
         }
5 i- {2 p5 }( Y1 W4 _! ?      animatetext=setTimeout('moveBall()',20);2 O6 z# x; p( e  m+ y5 z
      }+ K9 ^) h0 p2 n7 c3 j0 U
   }8 [( R0 Q; D' Q- W* i" i, u
& b. \7 r; K! m
function calculatePosition() {# n+ \# N5 s+ V. ?
   if (xDir == "right") {
( [* R, B3 }+ e      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 S% _9 Y& @- s: x. g! J         xDir = "left";
7 ^- u4 t5 J) |0 @: o/ u; x# W4 `         }
1 @% v$ u" q& a% O$ `      }8 e' }5 H! j5 k, \6 c
   else if (xDir == "left") {
  s! B  J- I3 M      if (xPos < (0 + BallSpeed)) {
% q, R! a) f" ^! x, R& A8 b+ H         xDir = "right";  ~% M% y1 R4 S; z% m
         }
  g! a5 o' u6 }      }
3 ~& x1 O. u8 [: i: R' V% ~   if (yDir == "down") {
( s! H- ]' R+ P! X8 T      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 {) f5 I! ], D) a  v( [8 N" Z1 P         yDir = "up";
) H. J5 Z7 u  E- U9 j         }5 Z; f" v7 k5 U, ~6 X  O6 q, S6 _2 j
      }
# P* y# f3 X. V) e   else if (yDir == "up") {, D3 J. c# b9 D, n0 K
      if (yPos < (0 + BallSpeed)) {
3 q- W( j8 F" V         yDir = "down";4 D: m4 w$ l6 S( D0 G+ M& L
         }9 U- R$ V0 ^8 C0 j
      }- w2 q6 A) O, @: S4 ]' D1 u6 r8 c6 v
   if (xDir == "right") {
. M2 ^6 i" a5 \/ B8 w9 A      xPos = xPos + BallSpeed;
0 e/ L$ n4 g1 m( n      }% d  f5 X- g2 B+ L  G+ ?8 h9 n
   else if (xDir == "left") {
* t9 b: _8 C- ^6 J' w8 ?      xPos = xPos - BallSpeed;
! \; A! [1 R$ o+ g. B' G* @      }7 T- H$ k$ n* k. n& Z
   else {
* I9 ^8 l) `2 u6 w! n8 U      xPos = xPos;
" ?$ [3 H& d! U  N8 c/ Q0 i      }% F1 c, _8 m5 ?. O$ S
   if (yDir == "down") {/ ~& s, D; l, d
      yPos = yPos + BallSpeed;8 j/ _. U/ ~1 t& o* E- C; b7 K
      }  X3 n7 D0 z( y" {
   else if (yDir == "up") {
( P7 x8 v% y0 i$ `8 b& ?      yPos = yPos - BallSpeed;: M3 J# g5 T4 b1 \7 U
      }* u1 p! h' x5 v9 o: t9 ~. ^" ~
   else {
$ P, R$ o5 K  [3 @3 F7 p, T      yPos = yPos;' n& d) l) b& D- |( `: M
      }/ @. U' d; ]1 {. O3 F  O. `
   }/ _' d; M5 I% N0 y
5 U4 d, S! l/ g2 D8 G
function hidetext(){
) M: g9 @' w. q. t3 Kif (document.all)
- s9 S. M. }+ h* _supertext.style.visibility="hidden": Y$ d+ ]+ v8 |9 J7 ~
else if (document.layers)7 P0 ?2 E) g- e7 ?4 b
document.supertext.visibility="hide"
0 a, o( E) o- {1 c/ Y& ~, t$ n: KclearTimeout(animatetext)9 ~6 W, K! A( @% A4 Z
}
, y; ~0 i# ]" r* W
' R" n3 N- M+ g* @9 D" Mif (document.all||document.layers){
$ l) v: I) A+ O9 ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' d+ ~, E( x( F/ J4 a( {' uwindow.onload = initializeBall;/ x' W) b. g- m2 H4 n
window.onresize = new Function("window.location.reload()");
) H# o3 v9 y. l( y6 S1 ~}: \( }7 F& w" w5 D
- o7 p3 b9 ~$ U' n3 D1 P# x: \1 V
</script>