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

zw2004

<style type="text/css"># e2 b, v: ~# S: ^; F7 A  u  M5 N
#supertext {* k; w1 N  x( G9 n1 Y
position:absolute;
9 k7 G( B4 D) q- P+ |( `5 Kleft:0;" K+ j& S# r+ R* ^. b% A- Y
top:0;" {+ {- a( p% J& p9 V/ |  n
visibility:hide;6 E" s% k8 y8 x! U
visibility:hidden;! c# y1 @( y  O2 \6 ^
}9 o  ~2 {* e: Z+ D3 f
</style>
# _, w  r5 [% g) t  z<script language="JavaScript1.2">
# U  |7 k* m/ R5 ]<!-- 改变下的字体的大小。颜色-->3 G; `' s) Y* L, |9 J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') X4 ]' t7 ~( a4 b0 O
var hidetimer='';
. \+ _: k1 U) d4 K<!-- 改变下的弹跳速度-->
' G' x/ H  X' N% E- ]1 ?* {var BallSpeed = 20;  ~. t1 M3 \0 o. _
var contentWidth;  |  |& G- }9 m5 S1 v
var contentHeight;8 B0 I7 y7 u( ?
var maxBallSpeed = 50;% [6 Z5 \( ~* G! I  S

/ ?; p7 l7 s' j' J) Y# M
5 W' `9 M$ K  @$ q7 Hvar xMax;7 S4 f+ @! S! U9 M5 F, D
var yMax;/ P+ V, p# m# u% Q. j) R# }, w5 L7 R9 c
var xPos = 0;
; ?. M+ O) r4 ovar yPos = 0;
8 Z9 D1 R' B( O) ~  h' [var xDir = 'right';2 }1 H, l/ k/ n! N
var yDir = 'down';7 c5 V' A- r9 h2 P5 w: G+ v( K
var superballRunning = true;5 M9 m) M$ r- d/ {
var tempBallSpeed;
8 e; X5 F/ w4 f- ?var currentBallSrc;2 q$ x6 t: k5 E  P7 Z$ _
var newXDir;
3 X' ^* D* E/ v; T* I& {var newYDir;
7 K0 {3 X" c) V% ]0 `2 R/ G1 q3 j2 V1 _! W5 k
function initializeBall() {1 l8 {4 B2 k, A2 t  B3 r! U* {
   if (document.all) {# S, {- M( n+ G! [
      xMax = document.body.clientWidth" O  q" _  Z, G0 g" a  g5 e
      yMax = document.body.clientHeight
  [6 Z4 p" P& {# Z: |1 h      document.all("supertext").style.visibility = "visible";7 h: Y" S! [0 m7 R
      contentWidth=supertext.offsetWidth5 n" v4 d) S! v) Z: n
      contentHeight=supertext.offsetHeight. b9 j, j8 ]6 ~
      }
  u2 n0 T/ S7 {: i9 u   else if (document.layers) {- `8 a0 ^, f3 d1 k: R6 y4 [
      xMax = window.innerWidth;
3 b! E: e* Y0 @% Z( {+ E      yMax = window.innerHeight;. |6 V- M3 r, I6 K% ^7 T* ?$ K
      contentWidth=document.supertext.document.width( [; w6 m8 Y" D& s$ d8 `7 G0 f
      contentHeight=document.supertext.document.height' i$ M; [4 O/ d
      document.layers["supertext"].visibility = "show";$ @9 U! v4 H, `; {
      }
+ n! w5 m3 I8 Z* r5 [" d   setTimeout('moveBall()',400);
7 k# F% D2 \, q8 ~$ a, T   if (hidetimer!='')) I: }# |3 q" X  o% w# r, }" o/ G
   setTimeout("hidetext()",hidetimer)- D8 w+ z$ A/ I8 t) k
   }6 t( w9 Y- S1 @
# M* v6 K. p4 a) W2 H9 t" T
function moveBall() {
1 P6 G- E0 l1 O' A7 Y/ N, Q+ B, Z7 S   if (superballRunning == true) {  O2 a/ M/ Z4 m. L/ U+ r
      calculatePosition();
5 l5 ]7 h& R% [; ]      if (document.all) {2 P1 z' j5 K9 L- i7 X: A' N
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* @' e$ t6 p6 e9 e# q         document.all("supertext").style.top = yPos + document.body.scrollTop;6 e1 y2 c* c4 C- z& N. y' [2 L! ?
         }
  ^! Y1 M5 t- K( P      else if (document.layers) {
/ e* b" o: c. \: }         document.layers["supertext"].left = xPos + pageXOffset;
1 f9 J" Q7 i- f7 A         document.layers["supertext"].top = yPos + pageYOffset;
0 j* Z2 X8 T) @- r) o9 I$ Y- L         }
& g) k5 Q$ I  a* y      animatetext=setTimeout('moveBall()',20);
: }9 g# t, [; j! v# Y      }% s/ {6 m6 I+ S+ |: s+ [
   }, ]- ~2 ~2 b( k3 U! b8 o6 S0 u

! f: M2 G& o. d* Y/ V6 S0 p9 Kfunction calculatePosition() {
* `& A4 e2 V8 x$ b   if (xDir == "right") {$ H: V/ X4 K2 B! [
      if (xPos > (xMax - contentWidth - BallSpeed)) {  o) u% a5 K# g: z* E
         xDir = "left";
/ A; S# w+ u0 m! I         }
5 L9 l% U! {9 {$ }$ b) l4 n# U      }
+ n0 `2 A- f% T! z' c2 F   else if (xDir == "left") {& L/ b% p: [( U5 W" H+ C
      if (xPos < (0 + BallSpeed)) {
8 c' T7 ]  k! g         xDir = "right";
. e4 E- |8 k) G         }7 X( y# f; c! |' L3 N+ z
      }
5 t3 W) r, |- T& q   if (yDir == "down") {
* |  ^- U& x. p, g$ n      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 p/ c; ^+ p% ?& T( k         yDir = "up";9 u  K( [4 A( k2 |( ^
         }
1 N3 h1 e- m) L; T      }+ u. c& Z$ V  d  ^6 ^
   else if (yDir == "up") {* s, W- E3 D1 e" v: \
      if (yPos < (0 + BallSpeed)) {4 B) J( D" F. t& F. s
         yDir = "down";
1 `% E5 q4 l* E0 E" O/ F. t         }/ S6 z# [( d$ ?! C0 v
      }
  |& [" H7 V6 K   if (xDir == "right") {
+ w' S4 D  G9 E: ~$ A4 k4 Q; n& e6 j      xPos = xPos + BallSpeed;
# n  w6 O  `' w1 A, [6 k      }
/ N/ `, r" l& r! V; c6 N( R% T   else if (xDir == "left") {
7 o2 ^0 V! E% `5 w. y; A9 h      xPos = xPos - BallSpeed;+ {6 `( q; A1 v% v7 q
      }
3 J; j2 B, O1 A4 Z' _   else {
; ]9 X$ ~( }" i      xPos = xPos;
. z) @, d7 Q6 M2 p' u3 P- ~! q      }( |' U& H# T# L2 c
   if (yDir == "down") {
$ c+ ~3 k2 b1 A# P      yPos = yPos + BallSpeed;
7 @9 `. F; o: F7 o, Z. n' p5 x      }
# c9 V3 w6 a( r5 l: \9 L   else if (yDir == "up") {6 V% Y/ M; g- I; _5 y+ ?' N
      yPos = yPos - BallSpeed;! v; I8 M7 r9 C7 A# N: r" `5 `  x
      }
9 J5 J% Q+ L& W. W0 e   else {
; |- c1 y# S; U. z4 B      yPos = yPos;- _7 i' S0 P( u% P" M% `+ n
      }
. n2 d! }$ ]4 u   }* C6 h4 e* [9 p

) o# X/ y5 m' l5 ^6 e- Hfunction hidetext(){' y5 ~6 c$ r. I& g" m2 X
if (document.all)
6 }; P+ U' H/ [( `) Jsupertext.style.visibility="hidden"
, I9 f/ u  P  K& N9 r8 b" N2 A, Telse if (document.layers)2 f0 h& M+ g$ g/ w3 \6 I
document.supertext.visibility="hide"
* J0 r7 x0 F! OclearTimeout(animatetext)! a  J$ P) {% {, E# \/ r
}
. k$ m# `% }6 z, X$ W3 F5 R/ g0 Y& F  x0 [0 _+ F! t3 `% Q' r! r
if (document.all||document.layers){: W8 i% w( r$ v6 ~; Z2 B; @7 E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). \" l+ k* z) g; g' {) N
window.onload = initializeBall;* C# L4 r' c3 F& b3 {) D
window.onresize = new Function("window.location.reload()");
8 b# {- N0 N. r; E2 k5 {7 {3 {% I}
" y4 B+ d0 @) m8 P
( [! L. b3 `, C' \8 i: r</script>