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

zw2004

<style type="text/css">
3 j. u1 k- {6 F  A/ @% c2 ]#supertext {
0 ?4 Y& w0 H; |6 sposition:absolute;
4 r+ e3 V" l+ g5 {9 Lleft:0;
7 C0 w1 \9 Y5 N5 Q. X& atop:0;
& t( C. [$ p8 U1 S( m; z1 E( L. I0 hvisibility:hide;7 l# }8 N8 \: C5 [* K8 U
visibility:hidden;8 T) r$ Q. s$ g, T0 r- Q3 S6 c* c
}: a) D# ]4 B5 o" n& I' S9 o9 Q4 n
</style>
* a+ p! @/ ]0 ?0 ]& s1 m<script language="JavaScript1.2">% J/ `. k& T6 F# w+ ~% _0 }* b# Q
<!-- 改变下的字体的大小。颜色-->1 o: G$ |) l2 N& J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. [$ _, |2 `) _9 T
var hidetimer='';
" ?4 }& z3 f9 h# G4 _<!-- 改变下的弹跳速度-->
2 J' N6 d  x5 K5 S8 B7 I2 a* fvar BallSpeed = 20;# X8 u3 \. z! u$ y/ E0 [2 F/ B2 v
var contentWidth;
) @' b& v/ s8 Q. Yvar contentHeight;
+ j( `, H' |4 {3 W3 W5 L# Ivar maxBallSpeed = 50;# w% N0 h! y7 j+ C5 @$ \. l9 N
, U4 i- [, l( B7 W: C

' F5 V1 u5 y, l3 vvar xMax;
+ I8 s/ T% ?+ M$ @; H$ B" svar yMax;
  v1 f8 f* B8 t0 i- \' c" K1 Nvar xPos = 0;
1 F5 j" v0 b6 o/ \2 Z8 Svar yPos = 0;
: o4 g- I' K) [* I) ~0 P9 Wvar xDir = 'right';
! I% `, L  p7 w3 i2 Dvar yDir = 'down';
4 q. o* q) f6 F1 lvar superballRunning = true;
" f0 i& D' b4 _/ S: S" ]3 Y5 B7 xvar tempBallSpeed;! L, ?: i% x7 W+ P. Y
var currentBallSrc;
( B# [' `; h0 s) Zvar newXDir;
$ ~# G0 g5 M0 c6 Uvar newYDir;2 G, J  o! D7 j3 k) R) J" T  x: j
3 E. s" _" r* n+ q7 ^' H2 d& d
function initializeBall() {/ Y' H- |, [! O: B
   if (document.all) {
1 [! T0 u! A# S9 }      xMax = document.body.clientWidth
4 g, B0 Q- M, G$ O      yMax = document.body.clientHeight) S3 @5 }  Q" w3 h4 j" q4 O
      document.all("supertext").style.visibility = "visible";; Y& K  s, S& q9 o
      contentWidth=supertext.offsetWidth
# p. K4 z: }, M7 X- Y' p      contentHeight=supertext.offsetHeight  i% T: O7 h  [! n4 n, G
      }
. H  i/ @# E& w+ Y" D   else if (document.layers) {" Y* S* x5 {* D  e
      xMax = window.innerWidth;
8 m6 Q; Z2 @! X' _; p      yMax = window.innerHeight;
* Q/ c8 p9 A5 [0 @6 m      contentWidth=document.supertext.document.width, a5 u1 O/ K, C
      contentHeight=document.supertext.document.height2 C# p: m7 n* [9 W8 l3 V4 m& t
      document.layers["supertext"].visibility = "show";
2 |4 o$ Z. T! S' g/ y7 T8 u      }
; A6 P% k7 E% ?. @* ^   setTimeout('moveBall()',400);2 b8 P4 g* ]# f/ g
   if (hidetimer!='')
- r% x; U* u. _5 p7 b   setTimeout("hidetext()",hidetimer)
3 ~4 C' t% Y5 |. w   }
9 c8 t# P- i1 o- m
5 r5 O$ u; [/ U3 m. k* ?. \8 ofunction moveBall() {
& u* J8 c; G5 m+ r( [   if (superballRunning == true) {3 |( K  E5 U( {1 {, N$ G
      calculatePosition();8 s: a* u' N8 _# h+ \+ z$ d
      if (document.all) {, e2 G* w9 ]& a- `9 h# o5 T# {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) G5 E0 \: Z. @  @
         document.all("supertext").style.top = yPos + document.body.scrollTop;
) @5 K' b) z* B; B4 r/ O         }; x1 }, R& y: H" G3 g- l
      else if (document.layers) {
1 y: R+ h, a  k) u! u4 ~         document.layers["supertext"].left = xPos + pageXOffset;
- E' G1 H; L8 h5 K" s         document.layers["supertext"].top = yPos + pageYOffset;
) k- @- `" _) y, Q( R8 ^         }, \9 o; e5 ?0 L" }6 Q) F$ Z# k6 q
      animatetext=setTimeout('moveBall()',20);
( _1 ]8 w( t) d% n0 Z4 i5 b8 k      }
3 e, `, n9 m( L, \8 o. I% r   }
# ]5 I/ w( N; l1 j' C7 p* [, P% a6 k8 h. m- H  o
function calculatePosition() {  v- S6 g7 P3 s3 [( m% k* O5 g
   if (xDir == "right") {& Y* B/ O9 g4 C' t# N$ i
      if (xPos > (xMax - contentWidth - BallSpeed)) {( N  U8 y) N& Q2 Y: S  f* n0 d3 f# v: g* l
         xDir = "left";1 N) a+ m( \4 ]1 ?! {
         }
- }; A- J* J$ L8 J      }
% W; V: f9 ~. }& F1 \4 B2 a   else if (xDir == "left") {! a9 L5 T; Q- Y4 ]/ Z
      if (xPos < (0 + BallSpeed)) {2 W9 {0 `; }+ {4 k0 X) K, G
         xDir = "right";
9 Y" h  B& g& T9 g4 l; S1 j9 G1 J         }+ T+ r/ K+ U, Z" s7 q8 P. l# H$ S" g
      }7 r1 i, D7 `& N
   if (yDir == "down") {$ r" Y5 D5 F4 T( u* b5 M
      if (yPos > (yMax - contentHeight - BallSpeed)) {- Q/ ]% d, Y, r1 Y3 @
         yDir = "up";
  `) d/ S$ t" Q1 p/ g         }
: H! g/ v  P3 S5 t% g' i* l      }* e* A* r: j6 F& x% e! l+ t5 J
   else if (yDir == "up") {
/ Y, z8 @) q' X& j      if (yPos < (0 + BallSpeed)) {
( }/ ~% X7 h' f# K4 F         yDir = "down";  |. @& o, Y1 K. m; R. L8 X% P
         }
5 v% l+ K1 Q7 \      }
. W$ K/ x' [* x3 n1 j   if (xDir == "right") {
; z5 h7 f5 W/ y7 M      xPos = xPos + BallSpeed;$ M* I4 a! e  d$ H
      }
5 O& B/ Z9 D8 o, `* R   else if (xDir == "left") {
$ W. f! H% t6 }6 R% J7 _      xPos = xPos - BallSpeed;
' I* o- w3 Q7 N7 r* n/ ^      }
/ k! Y; N" Q( |7 a8 J; I   else {0 {* S. e3 f/ S, C/ Z$ |
      xPos = xPos;+ v2 p' T- N: T
      }
$ J; S7 F% t& ]& e# j6 W   if (yDir == "down") {8 P3 A7 |2 `) l6 }
      yPos = yPos + BallSpeed;
1 N3 J0 X  e' E+ K/ }      }
; l- o3 t  @6 x" b   else if (yDir == "up") {
! |3 Z# u; _  R/ d6 v- r5 ~( ]      yPos = yPos - BallSpeed;
# S+ ^( n$ j* k7 L4 y" u      }
! I% O6 p( |" K* U   else {. C+ @- K1 k  v+ C
      yPos = yPos;( D% P  D& p0 c7 `  v
      }
* H  w4 m3 Q0 W- y2 T; V/ ?* ?   }
. a9 u- g2 r8 k  p0 U: w* M: e- i( @5 P( o2 q/ l( {/ n
function hidetext(){/ z+ r0 k2 v% b9 V, J
if (document.all)- C& @6 T7 `6 T/ ~: h2 }" Q9 C0 k
supertext.style.visibility="hidden"5 q2 H% b1 r  r: d# Q4 f9 ?
else if (document.layers)" }4 d7 C3 c2 f
document.supertext.visibility="hide"
/ _: V' ~: H  E+ O6 G# GclearTimeout(animatetext)+ z" ~! G2 z8 H4 G4 V
}
% b7 y! p0 @1 C4 D" h
$ }+ _0 W" c: o/ e) ~% A3 \if (document.all||document.layers){1 n; u! g- k% C7 H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ x- D4 `2 I3 q. k7 l% V
window.onload = initializeBall;2 X/ \; ]' |' q- Y2 p- L7 E1 @
window.onresize = new Function("window.location.reload()");
" D+ P0 o! u8 r) N* s}- }' B# l; ]2 U* ?6 E& O1 ^3 K
+ B1 Y" H$ O( R7 p/ Y* w; u- [% p7 Y
</script>