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

zw2004

<style type="text/css">
( T) f8 r/ D7 ^! u' N#supertext {
) N. E9 ^  F% ?, g& ^- o: v! G, D& Eposition:absolute;) D* {& r: `6 }: y4 S
left:0;# [$ {7 t" [; j) _5 \
top:0;
( d+ S( }& c6 C3 {visibility:hide;
6 X* `! C: e: s' k) C. O, D' F5 ~visibility:hidden;$ n1 k1 q) R. y+ P2 b
}% x& G: w$ d' h' ]' r
</style>
) c, [7 g% J1 n% u<script language="JavaScript1.2">
+ l" |- D# n3 Q) Q8 K<!-- 改变下的字体的大小。颜色-->/ R+ B2 H8 O) ^, r2 l8 N9 V9 x
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( \- c: ?1 g5 x* Wvar hidetimer='';
% c5 V. @6 a9 ~6 s& J, U$ `- }<!-- 改变下的弹跳速度-->9 o$ `7 X+ M$ R( l+ X+ T
var BallSpeed = 20;
1 ~8 X# G& `6 c; o) M8 J) evar contentWidth;
) v# o' f9 v3 |, Uvar contentHeight;6 Y3 N) Y, `( E2 B8 b9 o0 @
var maxBallSpeed = 50;
5 ^- H- Y, s. |( l0 U8 ?
8 m8 _. z9 N5 M) m' g- `  c2 P
) {. I) D% p9 F+ pvar xMax;
+ o! P! _4 q8 b0 y! H: cvar yMax;
( L0 U4 J2 c7 V' A; T( xvar xPos = 0;2 Q8 B" A' S% I$ {2 U7 E
var yPos = 0;1 [: q: [7 A  J& O# E) V, W- y
var xDir = 'right';
! a& r, }3 C# t+ M4 B$ R. Yvar yDir = 'down';; l" [8 A2 g4 F5 ^0 G! V; O
var superballRunning = true;# T# V  X- r/ x! b3 [* j# r
var tempBallSpeed;
( \/ k6 q8 T2 `0 D* Pvar currentBallSrc;& y. l7 Y% G) W" I
var newXDir;
! w: K0 S' n6 T0 d# Ovar newYDir;
6 ^$ v. e, ]2 Y1 a5 D. w4 m) F9 X2 ^5 S
function initializeBall() {3 @1 l) G. z% E. B9 m6 Y
   if (document.all) {3 J+ f: D9 N/ i
      xMax = document.body.clientWidth
) o( J$ G! e* @8 N5 o      yMax = document.body.clientHeight
. {9 }! P8 Y- o# z4 Q      document.all("supertext").style.visibility = "visible";
; D2 @- r. @1 c( {* d/ v" K      contentWidth=supertext.offsetWidth& M2 O. E- @% ]- T3 x" t
      contentHeight=supertext.offsetHeight
6 i  A& ^! E8 d& j( ], ?& ~8 P8 l      }4 o+ k. y# {/ \' I
   else if (document.layers) {
8 Q! r4 V/ b6 c: ?3 i0 v" C      xMax = window.innerWidth;
: p4 v" Z: B: H" ]      yMax = window.innerHeight;
5 l/ U- F( p* ?5 s# s& M" f      contentWidth=document.supertext.document.width
1 m6 `+ V! \+ [  ^. B2 C8 w, T      contentHeight=document.supertext.document.height
/ @9 S1 R0 N) h( u0 [" _3 [      document.layers["supertext"].visibility = "show";
4 v% c& [+ o+ a/ j- `      }+ R% D! P- A3 M1 M5 V' j) B, [
   setTimeout('moveBall()',400);
5 O* W  u, X5 q   if (hidetimer!='')
! v6 |# L0 ?0 h+ x: f! c   setTimeout("hidetext()",hidetimer)
9 X# v& ~( h% F3 N) k   }4 h  l/ ~; X, N4 M

4 d& p$ \" l* |# i: \6 @7 I9 Bfunction moveBall() {
. _& U2 _2 D( f! m% U   if (superballRunning == true) {3 G7 E+ T0 k1 ]* N
      calculatePosition();
. q& l2 S) S9 u7 V3 s0 C" p. N% q( ?/ [/ p      if (document.all) {* S2 e: Z3 r4 d7 z9 j
         document.all("supertext").style.left = xPos + document.body.scrollLeft;; N, ]. k! H5 V. h+ L
         document.all("supertext").style.top = yPos + document.body.scrollTop;
' [* r" k2 G* G4 L& f* N         }
9 z# Z, n: n! p4 d      else if (document.layers) {
# {* W. \9 j, `) E& b7 e1 G3 Z- n         document.layers["supertext"].left = xPos + pageXOffset;! ~, u. F/ `3 V; A' r; k
         document.layers["supertext"].top = yPos + pageYOffset;
7 t* X% [, I+ S% x         }: I; |6 H; U- L# ^8 |$ b  Z! B
      animatetext=setTimeout('moveBall()',20);& C. [; }; P. V
      }/ M5 w: M. k6 k& n: `# o" p; h
   }
7 j5 |+ ?3 X; k3 t9 V
5 o( F7 v2 k5 S# W: G# y$ {function calculatePosition() {- ]0 [% A7 R1 A" |4 F0 R
   if (xDir == "right") {- t! h5 U) f) o; Z$ l2 y
      if (xPos > (xMax - contentWidth - BallSpeed)) {! C/ R' _' P8 h" m0 A) v9 X
         xDir = "left";
7 i2 ^; i/ U$ d% }) h         }
: ~/ c. C8 H9 z. }+ a- s      }
: a8 o5 x; g9 B! Z8 J   else if (xDir == "left") {2 b. p+ v$ `6 w5 p6 Q' y
      if (xPos < (0 + BallSpeed)) {
' L$ E2 i" b9 n% T- a8 q         xDir = "right";
$ b1 K. b0 M1 z         }- s/ \; f( m  p, |* c- J! }; A7 I
      }
9 p  [& x! i: [* C6 s5 z+ D* d$ Q* M   if (yDir == "down") {+ I0 v- W2 @) o
      if (yPos > (yMax - contentHeight - BallSpeed)) {$ g* ^3 x9 i: t2 v2 `: b. [+ I
         yDir = "up";8 |4 L4 d1 ^8 l) \5 l
         }
4 @/ j( m& E8 m6 V      }
+ }2 O( V) }8 ]: V( `5 T1 E% u   else if (yDir == "up") {
0 j( n* x$ f* j4 h/ l; d) g      if (yPos < (0 + BallSpeed)) {' ^6 _$ Z8 Y" `! S% J% G
         yDir = "down";  `# n7 j' r- z. v0 ?/ I. N
         }
' N# U6 F' f0 f( Z      }
0 D1 r3 \$ [! G7 ?   if (xDir == "right") {- A5 t/ h" W- z2 y0 X
      xPos = xPos + BallSpeed;
: \' R1 f/ I& [( f& C      }: u8 B" ~' y. b% }! B$ W7 R# v4 i( t
   else if (xDir == "left") {
. F' y4 k5 V' V8 X2 Y7 G4 ]      xPos = xPos - BallSpeed;+ x) }! z, E2 }! x/ e* n
      }
% k9 V% K& s  l; c   else {) y6 Y2 |9 D0 \4 S2 Y
      xPos = xPos;* W& v" V" I0 L5 O* H
      }
1 q  e7 `6 }- k4 P   if (yDir == "down") {
0 h( z2 W8 S  ~3 U      yPos = yPos + BallSpeed;3 l0 I/ p/ o- b' q. r
      }/ X1 u8 `, T7 ?- M
   else if (yDir == "up") {
# h2 p; @  B. r8 X- {! [4 a/ }1 K      yPos = yPos - BallSpeed;$ h; ~. {* p/ r7 c
      }
, K3 {6 J% T+ y7 w   else {
2 U: n# j/ L8 A% Q- E$ j( S" Y+ m      yPos = yPos;+ U/ f( i, `! \
      }# F  o$ d* D( S# l$ Z2 k# \8 j
   }
0 C$ h& d, i5 f) R3 |4 l4 G2 A& s$ X7 |! J$ N/ b  i2 g2 w* j
function hidetext(){
/ D4 _- h. k2 O* I2 c7 eif (document.all)3 f% q( l2 ?3 y5 v* S% c
supertext.style.visibility="hidden"5 r' @' L  h8 Q
else if (document.layers)
- y. w7 T2 q2 D0 U/ _, wdocument.supertext.visibility="hide": ^$ t2 R( g" ^
clearTimeout(animatetext)
8 ~3 [* `+ o& P# r& S}$ M7 D0 P( l# ^( i' u

# w" T8 x% I% m" K/ _if (document.all||document.layers){
1 C# U( [8 Q; \7 V" Kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! \  Y* F6 V& d/ {3 o6 ?
window.onload = initializeBall;
! ^& N) N- H4 b9 n6 s: @window.onresize = new Function("window.location.reload()");
* N) V5 k: Y' V7 e* L. I- H& {}+ Q+ q% X3 L# k
4 P. W& C/ e* b
</script>