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

zw2004

<style type="text/css">- S9 K" L" f1 D) j+ c3 a  A8 [
#supertext {
" I6 y. e3 X5 v" l* Cposition:absolute;
$ b# ~7 U6 ?$ t, D; T& nleft:0;6 Z+ C- i+ L, Q9 k
top:0;
8 x) ^" }) l8 W% Xvisibility:hide;
# B' ?1 L  U9 R2 X- P5 I! f: `2 Pvisibility:hidden;9 g& P1 C8 N$ I& h8 y' ?1 B5 c. q
}
- J& U8 ]7 j1 W</style>+ y( [5 B" g# {, X- O" d+ a
<script language="JavaScript1.2">
( O# ~* Y; j. i' a- i3 s4 G5 ?7 w<!-- 改变下的字体的大小。颜色-->
7 E/ `1 K* G  _: G( V# _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! t- V/ _: {. n* Ivar hidetimer='';
( K7 V% q. {5 h3 ]2 T+ H<!-- 改变下的弹跳速度--># f" s2 e3 J( P  h. t6 Z* d" o
var BallSpeed = 20;- w4 Y7 l3 i5 e
var contentWidth;
$ x) A, Y5 [' E7 V9 W; R. R" wvar contentHeight;
- }7 d- k" ]  Q3 {. b7 f; C* I1 ovar maxBallSpeed = 50;3 @: M/ y/ @& o' e' r, u2 g

5 m0 r* `) q# A/ [4 P$ b
6 N" C2 `' W$ f0 ?var xMax;
6 E# I1 U. W2 m4 L; ~6 y  @var yMax;
+ y& p) u' a- t. y0 bvar xPos = 0;
/ H2 y2 f- d* H6 S% s- M8 Dvar yPos = 0;
7 ^" e/ W0 _) Q8 tvar xDir = 'right';
# _' W+ {  R  T+ Z& k$ [1 {var yDir = 'down';  q% J0 m3 ~/ |" L  r( a- V
var superballRunning = true;: k" d4 S6 z+ x8 S7 ]
var tempBallSpeed;8 ?0 r! r$ m, W3 l8 ?' u9 l
var currentBallSrc;
, p  z" M; ?5 u$ P$ B  ^1 `8 ?var newXDir;
, o2 B  u5 z9 }- b3 x* v" x/ ?var newYDir;
: S  d7 h, ?4 k0 M
7 U6 l5 p/ L' [3 ?% g- dfunction initializeBall() {; y3 Z, B$ h. T# }/ {0 s
   if (document.all) {
+ u8 m5 _( L8 f, F6 Z      xMax = document.body.clientWidth$ p6 ~0 i+ g9 j! T" k  ?
      yMax = document.body.clientHeight
) d! U6 e  d1 H  Y      document.all("supertext").style.visibility = "visible";$ ~6 \* H7 Z+ e
      contentWidth=supertext.offsetWidth- v& ?- @4 T* Z2 e: A: U* F# h
      contentHeight=supertext.offsetHeight
) W; L& ^! i5 ~      }) w. r! A! S; o
   else if (document.layers) {6 ?" p3 l% `2 W# ?
      xMax = window.innerWidth;
+ D9 K( S9 [: M& f& X0 Q      yMax = window.innerHeight;% Z6 i  c0 F* s! e
      contentWidth=document.supertext.document.width3 w/ Z& O) U. }& p8 X
      contentHeight=document.supertext.document.height/ L9 v9 L! j. {7 L
      document.layers["supertext"].visibility = "show";7 v1 r) W; u) c* B4 a0 e$ Q& W
      }- c8 ?. w" Z5 m# E+ P
   setTimeout('moveBall()',400);. T. H6 f5 Z; [. f; w
   if (hidetimer!='')9 j7 y( A# E9 u& X
   setTimeout("hidetext()",hidetimer)) ^9 V' D1 F9 z2 T+ p
   }
. A/ F( L  y3 l9 y' r3 E0 p1 {# k0 |* y& R9 D; A" }( e) K
function moveBall() {
% W( f8 t8 j1 |- \3 C5 ?2 ^   if (superballRunning == true) {
9 s, [, W/ L0 Y0 v! w      calculatePosition();
5 s/ E- v* m- }! @: s; u      if (document.all) {1 r8 f) A8 y4 _5 a
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( ?: Y1 b6 h1 p3 |/ k9 ]8 D/ s$ Q* j         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ S2 M6 m6 Y7 Z  z         }4 v( L7 `+ K7 v6 O, q- T5 C, |& Z- G3 o
      else if (document.layers) {# n" I* O$ ~( h( ]5 p' Z
         document.layers["supertext"].left = xPos + pageXOffset;+ ~, z, l: k4 c2 g% L3 V0 [6 r
         document.layers["supertext"].top = yPos + pageYOffset;! H3 H0 o. |- [7 y, X' ^
         }$ S! ?5 \3 V+ I' y
      animatetext=setTimeout('moveBall()',20);8 O4 E4 z* @( l8 c! n. J  H
      }2 \) Q2 k, }8 S5 f5 G! }
   }
, R. F1 I6 V; R( m' `# Z: s, r' b
  s5 C1 x' f6 w6 Yfunction calculatePosition() {* ]6 P: k) e7 {2 `0 P  w
   if (xDir == "right") {" E0 K6 @( w+ J+ n; L# l! c
      if (xPos > (xMax - contentWidth - BallSpeed)) {/ J" l4 R7 N$ p" J
         xDir = "left";: R# X& T& Q" X- `; A+ C
         }
. R& f) z9 p" U# Z$ G/ s# t9 I      }) c& y$ `8 m: }# q4 x: j0 N
   else if (xDir == "left") {
2 \% _/ `) p! a5 B$ S9 x      if (xPos < (0 + BallSpeed)) {, C- A; ]5 ~- |: d# A$ M2 q
         xDir = "right";3 I, {( D0 N+ r, G
         }! M) E1 O! W, Y, N8 R
      }& r( O& S/ U+ ~2 `& A
   if (yDir == "down") {
$ {; B5 e3 N! r& ^4 g8 X1 d      if (yPos > (yMax - contentHeight - BallSpeed)) {- y' h! z8 B7 B* h1 [
         yDir = "up";' g/ V3 Z2 D0 L2 O+ w/ |2 {1 ^
         }
7 s7 |5 _& o6 X' \      }+ T- s( G2 E. k4 y: k# e. K6 V, a) A+ d
   else if (yDir == "up") {- ^7 `! w: N/ m8 e
      if (yPos < (0 + BallSpeed)) {& S$ B& f! D, @) A9 ~
         yDir = "down";1 d( J0 e+ o% {  I7 l- _3 F
         }- d5 g9 V: E# Q* s
      }/ Q5 ]/ R. J# C
   if (xDir == "right") {6 ?  X/ w3 m# q
      xPos = xPos + BallSpeed;- ^3 \% P) H8 I" _$ m* v2 S) M
      }
* n. P4 K& T) E: J/ b. D   else if (xDir == "left") {$ w8 \; N' Q' d* }2 k
      xPos = xPos - BallSpeed;
2 e; R. P3 W) d2 ]+ k* O. f      }$ d: _; C3 q' M) o; g
   else {* c: }8 p$ [* C% L1 w$ z
      xPos = xPos;. L. u8 ?+ b* N, J4 a9 ~' B* w
      }$ [3 u7 e) M. U3 V
   if (yDir == "down") {
: v! H( ?4 ^* q, }$ z7 c/ F) r6 O      yPos = yPos + BallSpeed;& X9 J8 R" ^. E
      }
3 Z6 \" z0 ~4 _2 I) t! I# U   else if (yDir == "up") {
* `( J$ {$ b0 K+ B  w, {      yPos = yPos - BallSpeed;
3 t+ i; a' g+ [- \      }) z# x/ l0 n( h
   else {4 e0 Z: m2 s' l0 ?) U0 _6 ?
      yPos = yPos;
6 N) p$ U! w1 C) O- l5 ?2 d/ {; ~: j3 b      }1 J& e9 |  B. W; J, z; V# h% |
   }
" K5 H! t; Q2 X1 g
0 [9 f1 d  E& f. i, Y5 H, xfunction hidetext(){
" H+ J6 _& O& [7 _( vif (document.all)
# @: e" F" F3 c% B# E% R, J4 gsupertext.style.visibility="hidden"7 H  A  q( {+ ^7 k
else if (document.layers)
6 Z5 L3 W" H+ B  c. {document.supertext.visibility="hide"
9 H2 v, {& C) P4 A4 w0 m* c, z9 qclearTimeout(animatetext)9 D! ~) m* L, z
}
( M/ X- E% u1 e, q  |  V% A1 k. b3 Z$ e! r+ }1 J1 h( _) x
if (document.all||document.layers){
. Q8 _% [3 C. idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 x1 i' A, e& Dwindow.onload = initializeBall;# _4 Y& U# w+ o6 \) _
window.onresize = new Function("window.location.reload()");
* v! t1 K# v6 p}2 H' x: z6 [: H. ?; N0 M
1 `& s9 p3 ]: m; g* I
</script>