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

zw2004

<style type="text/css">/ ~5 `6 T/ s2 e+ h, [& u8 U
#supertext {4 [. c2 K- O$ j$ ^& ~, G
position:absolute;" f, Y0 V$ r$ L
left:0;  P$ u9 R4 C. T
top:0;
/ N* m+ H' [" M9 {  V7 h8 svisibility:hide;
& [4 u2 V2 }6 I9 mvisibility:hidden;
) U1 |9 e* @- E  g/ e$ V}
7 n$ \& w9 P; o0 a* j6 |</style>
1 [' ?; X3 f: b( t5 M# G<script language="JavaScript1.2">6 q- ?3 w+ ?! ^/ B
<!-- 改变下的字体的大小。颜色-->; h! X7 F8 {# J2 O/ K
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, ^" f% F; F8 v9 B) z2 a$ |var hidetimer='';- j' `- W" `9 U$ y2 A. W
<!-- 改变下的弹跳速度-->/ |, X0 J, U1 j
var BallSpeed = 20;
. I( Q& [) o5 P3 xvar contentWidth;
# Q! U  Z, k  u/ B) Cvar contentHeight;/ z+ k( G$ B" P8 g5 c
var maxBallSpeed = 50;
( w9 m0 a# ~4 L, ~+ V; g  D& W3 q7 R. `7 G
/ e! e  T7 P3 }$ A4 H' A9 l
var xMax;
, Y% l3 N% Y8 K- d5 L1 vvar yMax;# y2 e0 R/ d9 o3 l( ^
var xPos = 0;0 v% M3 c, h! W; i  P  X, S1 q
var yPos = 0;
' M9 q. t5 i& n$ ^3 ^& rvar xDir = 'right';; r' ~. k1 b7 {6 K5 I9 v9 h1 r) M
var yDir = 'down';
# _/ E* s- U( Q* Vvar superballRunning = true;
9 q: r' G3 J( v' D' r1 Yvar tempBallSpeed;% ~5 Y2 }* J6 }9 ^
var currentBallSrc;
( a7 m/ A5 \/ K) ?7 hvar newXDir;. O' o9 c' j  U) p4 t
var newYDir;
$ o7 o0 }% Q- ^/ t1 a3 |
. z+ n# y1 C* v0 jfunction initializeBall() {+ [! W) E0 D7 c
   if (document.all) {
! h9 y. \4 E- O# O6 D      xMax = document.body.clientWidth
# n; S! X5 A& ?+ V      yMax = document.body.clientHeight' Q% x2 d. s' Z, u; U* h
      document.all("supertext").style.visibility = "visible";1 N  B  L0 S" Y+ R
      contentWidth=supertext.offsetWidth2 ]2 C' k9 h+ ?0 Q6 M' Z
      contentHeight=supertext.offsetHeight
' c$ Q3 R; x3 t2 ~/ F      }  w4 ]; b3 A  c5 v% |% s3 c
   else if (document.layers) {
* z: t4 S. t' R: \/ w- {  P" f2 V      xMax = window.innerWidth;  E' D- y) \- g7 w2 n: g7 d
      yMax = window.innerHeight;
3 i1 B0 F7 W0 P6 m      contentWidth=document.supertext.document.width5 j8 P5 }6 }$ I
      contentHeight=document.supertext.document.height
3 {1 M0 u" W. [. M# d; e      document.layers["supertext"].visibility = "show";
* s, ?) r+ Z8 t      }) \: O1 s2 z1 N3 x
   setTimeout('moveBall()',400);4 f; V+ Z& p: \1 _% q
   if (hidetimer!='')0 i2 z# y! Q3 r# \
   setTimeout("hidetext()",hidetimer)
# c% Q9 t# Q5 N$ V+ t% P* P   }
0 E% }1 z( i& T+ @# Y/ z+ D5 e. O" b; Y0 h* r+ `6 a: @
function moveBall() {
. k/ z% }1 `2 ^& {( n- T$ v" {) @   if (superballRunning == true) {
, f. k" W6 y. T& L      calculatePosition();! _) J5 J% P! b. u' D2 C/ _9 f. \& x
      if (document.all) {) Z0 Z& o9 R2 X( `" Q$ o& z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 _: m9 |  q/ B         document.all("supertext").style.top = yPos + document.body.scrollTop;7 x: X# T, J& q/ Q+ Q4 S
         }
2 n7 B" [0 h' R      else if (document.layers) {: u& B' }1 i& j7 `4 l4 D
         document.layers["supertext"].left = xPos + pageXOffset;
9 b9 I) v! E: j4 @1 P6 X  s3 q         document.layers["supertext"].top = yPos + pageYOffset;
3 ^+ {, T. _" }3 z! d( Y1 s4 V         }
; P' W& L4 t* s7 T7 s      animatetext=setTimeout('moveBall()',20);
' ]" X1 V- v" U8 j8 n      }' R- T6 L$ e  @3 z1 v* h: x9 l
   }
' v% V, s* ?9 a+ s0 Y+ e
5 l/ e  H3 `, H, bfunction calculatePosition() {' N) Y& z3 _8 q  I% n* u5 U7 t) ~' v0 H
   if (xDir == "right") {
' ~# w$ U1 d, N      if (xPos > (xMax - contentWidth - BallSpeed)) {
( n: I- z1 [$ {; B0 S& @         xDir = "left";7 y1 Z: Z  q( \3 D, u$ I
         }) b- a( p% f' a: o
      }
* D5 o$ g- v: F2 m* Q( \# p& v! E   else if (xDir == "left") {
" k2 N' N8 o! O1 y1 r! n) }0 q      if (xPos < (0 + BallSpeed)) {- S3 n6 t9 K* Y& B5 Y1 ?6 E2 }
         xDir = "right";
( p1 g, u2 Z1 V         }
# p' J$ x( t" H% o: Y& e8 f/ e7 @( O. `      }# h) T% _: a: ]- ^
   if (yDir == "down") {% }4 I* [- d: W; _+ n4 v
      if (yPos > (yMax - contentHeight - BallSpeed)) {% A! k+ ]) m. A
         yDir = "up";# [7 F& C9 w) W9 R2 R7 u0 o( g
         }. q9 _+ r& e, ~9 t5 e: K
      }! D4 @& O5 V2 t" r0 ^) o
   else if (yDir == "up") {( T5 w9 W" n* G8 B3 o
      if (yPos < (0 + BallSpeed)) {
! p( k' a1 e- M4 w& l# Q6 V         yDir = "down";9 Z  x4 h7 `/ H( X& c0 ^
         }$ M8 C6 Y8 n+ z- S: ^
      }- D& U8 T( f' K' E4 |
   if (xDir == "right") {& [: s# m7 I3 w9 v8 r9 t
      xPos = xPos + BallSpeed;0 k6 ]6 D) t, r" _) @0 Q" o
      }3 l, k0 ^$ G; ^5 ]: F5 w; n: R6 [
   else if (xDir == "left") {3 L+ J1 W; O  P( q1 J. w
      xPos = xPos - BallSpeed;
6 Q: K5 G! D$ W, M# u+ v      }. C- J: R; c0 s& B" B5 ^
   else {- `" P, X) Z+ ?; @6 F" n* a
      xPos = xPos;. w7 A: g6 H1 [& E0 Z2 ?
      }
) w. i' @$ n4 W: |) H   if (yDir == "down") {( F) c8 n8 x6 c2 K) y0 ~, _
      yPos = yPos + BallSpeed;& z! `3 x5 {9 V$ _3 b: P. ]! `
      }; X$ y2 v+ W4 \5 i  }  |
   else if (yDir == "up") {  l- L+ ^; ~1 s; K6 c2 A
      yPos = yPos - BallSpeed;+ p6 y. [. v( w7 F* L7 Q
      }
9 C; ?# p; I. I9 A% a3 w   else {# ]1 }1 m& f+ f' [1 i1 a7 `$ o9 @2 ^+ O
      yPos = yPos;
, {3 a0 h4 W. @7 O      }. Z# {0 K/ I1 w" t( y2 P# K
   }& E3 v/ z6 j! q$ `. _2 G! x1 n
8 |" n* ]% H3 ?; X0 w' N
function hidetext(){+ |- @6 M. _, p# Z6 g, Q9 r
if (document.all)
" T' A" {( I9 i6 ^7 _supertext.style.visibility="hidden"
0 [5 U. h% a$ r+ R6 v! delse if (document.layers)
2 n& M1 x' ]0 m; o" tdocument.supertext.visibility="hide"
' Q4 \' {" f7 B6 e+ }. Y8 F* G) WclearTimeout(animatetext)
: ^3 ^' U$ W- p5 h- i# O6 w1 j}9 l# j+ P/ x; e* z- ]$ W# N
) k9 Y: y& |. U
if (document.all||document.layers){
* M9 G5 u8 t* q8 I8 h0 W! Jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 Z- C& Y" X: xwindow.onload = initializeBall;% Z7 Z- {/ L$ E: Q* D+ S
window.onresize = new Function("window.location.reload()");& Q4 U/ i' F" m
}
3 N8 D+ X. I, j7 M" B; I2 o& q$ V6 [. f) a, B9 C- v8 s# |+ |
</script>