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

zw2004

<style type="text/css">2 B3 J9 i7 c' P9 S
#supertext {
* D4 ?- ?! C3 q0 J  tposition:absolute;% L" ~/ l) H- }0 I) |8 z. e+ X
left:0;
' ?8 w1 R+ y4 u" `7 Gtop:0;, Q; B. F6 w2 y2 v
visibility:hide;
4 t1 l# }) N  s7 ^% {visibility:hidden;
) P/ y5 S8 N* e8 A}: O7 H  z- S# U4 f/ t5 s' R6 v, f( r
</style>
5 z4 `. I( h  I<script language="JavaScript1.2">
8 x6 g' S8 a- V  K<!-- 改变下的字体的大小。颜色-->
3 e8 d0 K& N2 f" y( zvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
  u- V7 p+ M/ h  e( dvar hidetimer='';" s% o1 |& V8 j# j4 m6 c2 G
<!-- 改变下的弹跳速度-->1 R) J" r7 d0 F% i
var BallSpeed = 20;
# L7 }: R( s% Ovar contentWidth;
: P1 R9 a' z( P6 P. ?2 v, Z* E% Mvar contentHeight;% A8 L6 a4 c5 F( M# `- N% C+ Y
var maxBallSpeed = 50;
, z+ L( `7 Z( p  ~; d' d7 W( L1 p1 h3 ~
: t  g( J0 v; X
var xMax;+ [. ?2 d$ C' A5 N) p
var yMax;0 N* Y0 g0 R4 j
var xPos = 0;
$ ~3 ^# s2 I* m" Dvar yPos = 0;& s! J, s& S. r0 S0 d. L! \8 m
var xDir = 'right';6 L$ M6 {' u1 d% q# L
var yDir = 'down';
; u9 ~% R) Q/ }& g! gvar superballRunning = true;, k1 w' _6 y' u8 q1 o! e( g, Z
var tempBallSpeed;7 I  k3 y0 O+ q2 U! `  ^) g- k. F
var currentBallSrc;& Q7 e) i5 B  g" u' D* y
var newXDir;3 M; m9 [8 ^  f) m' G9 V- @& {: }. ~/ C
var newYDir;
! m/ [1 y0 Y/ v* D0 L
0 P2 C+ H6 o" r* u* Z) r# ?function initializeBall() {
6 J' N# X9 n4 d& ]- b9 y2 s   if (document.all) {& Z0 s5 c+ [0 `' E  c
      xMax = document.body.clientWidth
9 e. i/ ^0 e5 ^& ~0 c      yMax = document.body.clientHeight1 W# F% B: b2 I2 U! ?! p
      document.all("supertext").style.visibility = "visible";1 @/ r& O" p+ z# q
      contentWidth=supertext.offsetWidth/ F- k/ f& @. k: G( j
      contentHeight=supertext.offsetHeight
2 O; m  f& H6 R% ^/ K+ ?- \: ]$ a  `      }7 f+ N& G, c: p
   else if (document.layers) {
) H3 S6 `# l, G4 ?* L      xMax = window.innerWidth;: d  b9 I' g# e7 S$ y" K
      yMax = window.innerHeight;
0 P, e! L! S, {* S      contentWidth=document.supertext.document.width) @0 h' A$ B) F) D0 B
      contentHeight=document.supertext.document.height! \. S0 J/ P  w5 i2 W
      document.layers["supertext"].visibility = "show";1 G  x/ n: \/ I3 @! R9 u
      }. n: h3 O( \- _$ x
   setTimeout('moveBall()',400);
# b1 ]( E# n1 u" U   if (hidetimer!=''); I6 E) S1 f( r( V, @+ u% V
   setTimeout("hidetext()",hidetimer)# q2 v1 W/ x  v9 N  k6 A1 s# a. e
   }
+ l* Z/ t0 O7 p. |" v$ ~+ b9 L$ W+ ?) C0 l
function moveBall() {
9 V* e: b$ w1 K% o" j  e   if (superballRunning == true) {( C0 ]2 F( f: h2 n+ ]. T# _
      calculatePosition();
* o, Y( x, c' U- \5 q% f      if (document.all) {' A( ?4 ^2 q- y* |
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. \: c# \+ S' j
         document.all("supertext").style.top = yPos + document.body.scrollTop;
4 s/ ?6 k! r$ n& b0 r8 r: w# C         }/ S1 h2 c" Z+ y# W
      else if (document.layers) {
7 J% E" x: q0 ^; }. h/ e! y/ m2 Z         document.layers["supertext"].left = xPos + pageXOffset;
9 {) A. Z$ v7 d6 Z* D         document.layers["supertext"].top = yPos + pageYOffset;
1 O7 q6 y. M, {' e; g( [1 d" a         }' ~  |9 B5 Z7 y# R7 G
      animatetext=setTimeout('moveBall()',20);# {9 x7 c: F. k; a( D
      }1 Q, f3 Q5 J" d2 O  x4 u
   }
( x7 ~& X$ b: A. J7 A  q
; V* `% s8 X; Wfunction calculatePosition() {
, Q, n1 b4 C$ B   if (xDir == "right") {) @/ p3 d' j. I2 D
      if (xPos > (xMax - contentWidth - BallSpeed)) {
! }  m7 {  t1 e- ]         xDir = "left";
7 M3 @' }; d( u6 F  Z         }
2 K; O4 y1 v3 x# G4 L( y# h1 o2 G      }$ z# P. P" p; }4 t* K# m
   else if (xDir == "left") {
: f& e! o" H$ v( t1 s      if (xPos < (0 + BallSpeed)) {) E2 F+ C3 A3 F; t% O3 o0 S
         xDir = "right";( V" G* p! d' l2 A( J5 U+ T
         }2 s) N( S* e1 K2 S) d% H+ z9 B! @
      }5 v7 a- V# N8 n3 Y+ }7 ]
   if (yDir == "down") {& H+ F% h: T% \2 K5 T4 ?
      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 |/ ^# i0 ~. ]' U. ~- I% A# |         yDir = "up";
3 T) r0 J8 W  a         }6 @' i5 Y$ H! i# j) l6 e# l( K$ v, _
      }
3 X! q7 A- r1 _3 m1 Y! w2 I   else if (yDir == "up") {
2 b8 d. B$ U1 x6 O1 l; p      if (yPos < (0 + BallSpeed)) {1 B& ~0 s% p- }
         yDir = "down";
  L0 `8 O/ U) T' ^+ M         }2 n- X" {# J( {3 }) l% k2 r& O
      }
, z; n8 f- N; x. E! X   if (xDir == "right") {* [4 ~! e3 N$ }1 Q7 ^6 s
      xPos = xPos + BallSpeed;
: V; ]& F( c1 ?" l/ m      }% x! M# I( }3 B7 K' \  Z
   else if (xDir == "left") {4 d1 d& r# g" i" _; x/ r
      xPos = xPos - BallSpeed;1 T& @' }6 F1 z! c; \- g
      }4 N; L4 }2 E: O" P- h' \" d$ d
   else {
; h  @1 ?: b: Q      xPos = xPos;7 r) o! c8 j: _
      }6 _! j. {, p( O, Y
   if (yDir == "down") {% G" g4 u/ W- Q4 K
      yPos = yPos + BallSpeed;" f$ f0 i+ s# g6 K* q- |
      }
) U0 _/ V  M9 j, K   else if (yDir == "up") {
- j  c( `8 i) R" Z      yPos = yPos - BallSpeed;! T9 G. i1 C- [7 A3 J
      }
! [# J2 F% L# i   else {. F6 Y7 h; |( N% b3 G
      yPos = yPos;
, A4 C# T0 f& _) Y4 ~2 r: s4 g      }& x. R8 \3 n$ c9 e
   }8 R$ q% E0 _, D. J& ]- [- d# J

8 \0 t! n( O$ I1 o- z8 J' v9 m+ mfunction hidetext(){
7 _2 ~8 \# C* ~7 d1 f. Iif (document.all)% {& T+ k; G# x3 o
supertext.style.visibility="hidden"9 _, _! K% K9 x$ O
else if (document.layers)
# F1 w, h8 J4 ?0 Z8 C) @document.supertext.visibility="hide"3 U  C" d: F6 ?! x
clearTimeout(animatetext)
! @8 _  e" t9 k0 a. ]}$ t( E+ G0 Z8 _2 `- J0 A" L4 L
: C/ G* d! D# t" Q+ v0 O. b9 l  p
if (document.all||document.layers){
. ]# I) V6 P0 a( x$ @. F# Adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 U5 A9 |. l  |
window.onload = initializeBall;
, r1 t; j1 S+ m; x6 r( Uwindow.onresize = new Function("window.location.reload()");
+ q9 l( s& n1 _" @5 v4 r5 D}  Y3 L9 }6 M- U" C- Z

0 `. S9 G$ x; H- L</script>