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

zw2004

<style type="text/css">6 \* d- @- g% }; b2 v1 K- F
#supertext {/ |0 p$ H. @, o8 m2 h- G
position:absolute;
% {  D+ S5 a/ M; f2 |left:0;
/ H% K. V/ H  Etop:0;  q, \1 ~" \; D
visibility:hide;
: n8 K4 v4 |$ L# a3 f9 rvisibility:hidden;
8 g9 q, ?+ N. W1 I}
7 k0 |. V7 L8 q: w</style>
$ f) n6 G9 H. H+ N<script language="JavaScript1.2">
) K8 J6 z$ v- L: R' [<!-- 改变下的字体的大小。颜色-->+ Z( |& G( j5 }; h' l
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; a5 v* |, y1 i% C+ ]. ~' h
var hidetimer='';
' k4 _; c& V' L6 D. S<!-- 改变下的弹跳速度-->
' |9 t/ B+ G, y! @* [) {2 x( Pvar BallSpeed = 20;
* y" `- ^. j1 T! o: N# r6 a( mvar contentWidth;; r. k2 M1 v' d; J; Y. ]; g3 i
var contentHeight;) p+ m! H8 |+ e4 g6 h! e% I5 I) q
var maxBallSpeed = 50;$ O  S/ }$ o; R* _2 F

  u* W1 Z# _$ [! G1 R9 i1 r& ~2 L* ~0 J8 W
var xMax;
: }7 B( J7 Z+ b& Rvar yMax;. e1 [- v% Q4 J9 K! |0 ]
var xPos = 0;/ ~# E) M* I8 Z4 T# I- ~5 ~2 Y
var yPos = 0;
& E" X; |' P- kvar xDir = 'right';! m0 y% m( t  o3 j
var yDir = 'down';
2 X; W& i+ l) f7 u! k: ^var superballRunning = true;& M" @- p9 d5 Q* z2 A
var tempBallSpeed;
; @" t5 z% L' G# x+ vvar currentBallSrc;
1 w. e$ C( I7 j9 N  v7 D2 P+ fvar newXDir;
& m7 _/ K( c- u' @1 Dvar newYDir;; R* D# f' H2 n; Y7 H- R/ q
5 ?6 M& H" l9 X
function initializeBall() {' M9 k$ C2 w' K+ F8 A% p5 S1 ^
   if (document.all) {
' ~% P" r5 K" _+ E2 L% f/ H6 G      xMax = document.body.clientWidth2 E; Y6 I; Z' L) A4 G/ L; o0 a% X
      yMax = document.body.clientHeight, {. s6 Z# V+ A. N4 K
      document.all("supertext").style.visibility = "visible";) j- e9 U  K8 G- _- y$ F  w  @
      contentWidth=supertext.offsetWidth
8 m0 D% T3 D' W# `5 i      contentHeight=supertext.offsetHeight4 b( L- n. S$ z: `
      }
: W! o! l2 @1 O- p0 W" L7 E  A; ]   else if (document.layers) {
) o+ z+ x6 {( v% j      xMax = window.innerWidth;& K  p7 F5 v1 g# l  C7 b: T
      yMax = window.innerHeight;
" |8 l( j7 x1 F9 ~1 }" X/ j. X0 O5 C5 Z      contentWidth=document.supertext.document.width
% I$ W* C( g$ X4 Q& C2 {% ]      contentHeight=document.supertext.document.height
7 E4 X/ ~( K4 b. i0 }      document.layers["supertext"].visibility = "show";
* E: @3 t2 i- R2 G7 r9 \2 p8 }; q      }+ z% R3 q& M% z& t9 u5 c
   setTimeout('moveBall()',400);
! H# t* }8 ~& f   if (hidetimer!='')
1 D3 N0 Y# I5 w+ V3 c; w- \   setTimeout("hidetext()",hidetimer)5 l- g" e! K7 A7 [  Z
   }0 @' v% j' C* a2 t4 j5 f2 }
2 T2 a% P+ i( W  x# c- ]
function moveBall() {7 C4 _, J( N1 j. y% j* R
   if (superballRunning == true) {; y3 w7 a  a: k6 D  K; E) g3 B
      calculatePosition();
8 J8 q$ \  ^& w4 Q. P      if (document.all) {9 j7 s  C5 S- C  @) L
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, G3 y1 k/ G1 @, @$ J5 Y0 I# |' v         document.all("supertext").style.top = yPos + document.body.scrollTop;4 y! u: Z4 q5 r, _
         }& B* @. ~- n; H" `  [7 P
      else if (document.layers) {
$ W% B" X- ?6 S         document.layers["supertext"].left = xPos + pageXOffset;
1 ~8 m/ ]# L/ m         document.layers["supertext"].top = yPos + pageYOffset;- M. o1 O, i  ]& k3 h
         }0 }7 f, z6 t% R% u8 p+ k" u0 v
      animatetext=setTimeout('moveBall()',20);9 w/ U7 E" f) g. J7 ?. J
      }
) b* V0 ^7 L$ {6 i# q" o% {   }
% x4 ]+ V" t: h) w5 }8 m
- z1 A9 G* M8 yfunction calculatePosition() {
% Z/ `/ m8 Y& A* X( W   if (xDir == "right") {3 ^+ L. {8 j) ^) A' h! x
      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 M- j! a8 v+ D7 E         xDir = "left";
( P+ v( i% [/ C& ^, w9 o  K6 t         }. u0 q6 z6 R6 U( u
      }8 d4 ~2 G- H; u6 g" x1 ^- W
   else if (xDir == "left") {
9 `2 |7 O9 T1 X! ?2 H2 Y& l- V2 @      if (xPos < (0 + BallSpeed)) {
7 Y# c8 Z) F9 L) {/ @         xDir = "right";# ^0 H, M+ A) }
         }
, A; R6 f  j6 r7 L# C      }! ^+ I. i+ q5 l4 @6 J
   if (yDir == "down") {4 W7 V2 K0 j! U, B! B
      if (yPos > (yMax - contentHeight - BallSpeed)) {
, s9 {: D/ x! Y2 {$ s. G0 B+ \) A         yDir = "up";+ J/ k  R5 e6 `9 F" Z- W7 y
         }4 m, ^8 B! W* W- G6 o0 F5 m$ P
      }3 H" a6 r; C2 Y4 h; M
   else if (yDir == "up") {) V$ v' u+ L; N+ L" q, o+ E/ R2 L
      if (yPos < (0 + BallSpeed)) {
7 N" X" N+ }: I) l$ M; q; \         yDir = "down";: O( v! ~# z6 m6 ?. o% w
         }
, N) o. `' F4 ?* @9 z7 v      }  _4 ?3 q" {& L9 ?, `  u, t
   if (xDir == "right") {* C3 b* p' ]" A! x2 o" l- z2 }
      xPos = xPos + BallSpeed;. p$ b/ [( q2 k9 v- N6 h
      }
' j6 a( F8 S( g! h1 {   else if (xDir == "left") {) u; v; h+ g% U9 y2 s
      xPos = xPos - BallSpeed;
* r% J# C$ t' H# ?" T' U      }
, i) M& O/ w! }" \6 Y   else {) [; O' s; t# c( Z' n& K
      xPos = xPos;' N7 O9 a( {5 w. @
      }  G9 M' v8 c; M4 _
   if (yDir == "down") {
, Z' @8 n8 N  f3 |  s9 G      yPos = yPos + BallSpeed;
+ ~7 q( t9 y0 X& B+ a      }4 S, G4 e% Y& A/ _8 n, b
   else if (yDir == "up") {
1 D& R3 B% n* ^$ G- p, Z      yPos = yPos - BallSpeed;- R- t- j/ I6 k4 W% d
      }
) A) m( I$ k9 D( ~4 @5 S. v- X   else {5 D: a2 ?8 w/ ]6 n* n4 ]( n  z
      yPos = yPos;7 z) n$ }9 d' E! x% N$ i
      }3 \  l9 ~4 I" _% |  S! u# l; }
   }* ^/ `7 ~2 a+ G& y

5 X) `! M) H( c8 U2 }5 F. ffunction hidetext(){
4 l5 f7 L- h/ @$ Oif (document.all)
3 Z8 |) a( G# y7 E: _% w: esupertext.style.visibility="hidden"2 T: _  `  J' f3 `- A7 o  \3 v: ^
else if (document.layers)6 _4 `5 ^8 @9 T1 M7 V* Y( M  H  F; L
document.supertext.visibility="hide"
; A! P# i3 ]) Y  OclearTimeout(animatetext)
' M7 }: [* F% _  s8 C1 W# u1 {}
2 P+ O. ~3 H; k) t8 x2 P5 s3 c+ d; |0 g4 G3 R3 y
if (document.all||document.layers){1 I, l, k; I5 G5 X3 l
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 M+ o- h* z% {" l0 K' f' f
window.onload = initializeBall;6 e7 O  D1 N0 k6 y: @
window.onresize = new Function("window.location.reload()");
: p6 M; G; G2 S8 q5 ^2 x}, O+ v- U/ E$ l5 {* F) U

8 X* j/ t7 Q7 z5 H# G3 ?, H</script>