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

zw2004

<style type="text/css">! E) R. ?6 T0 V, w6 c
#supertext {
* p* e: O8 _. x0 r+ {3 y/ \position:absolute;8 ?' M; Z  ?1 W, O
left:0;
  A* D' E9 y1 _# I: y) x* d! [4 o) ^top:0;2 Z, o3 N! H/ v8 {; }
visibility:hide;- K: S1 }* t( _3 A- C7 }
visibility:hidden;7 }- }! c; J+ w* @8 M; j
}
) e6 [1 a0 A1 I( }3 [</style>
- d% L; c9 T- C! S& O. E5 D9 T<script language="JavaScript1.2">
+ U1 {  A1 F! L8 w' h3 G  D<!-- 改变下的字体的大小。颜色-->
" K# {% R! }1 g* lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 b6 |6 b- l) }# C
var hidetimer='';- Z5 R8 {$ E& n3 J/ q' |# D
<!-- 改变下的弹跳速度-->2 G$ Y, n* H8 i5 {- i; m) Z
var BallSpeed = 20;. W* ?3 H& d: y
var contentWidth;/ b' `- D* c$ _' {: g
var contentHeight;+ L8 ?' e  ~8 q' C7 _
var maxBallSpeed = 50;6 t0 x3 }3 y8 t5 ?* r
" p" a$ o' k6 ~3 V9 r( X

7 I7 A/ {: Y2 F5 J$ Hvar xMax;
, x1 Q; O- a1 \* g* E3 kvar yMax;& i  }6 W0 P; i' T
var xPos = 0;5 S& Q. E+ r* _/ f2 D8 {
var yPos = 0;
3 W; s+ G$ {" C5 \var xDir = 'right';% l" I% w1 G7 R* n& y4 i
var yDir = 'down';
0 w, l2 X) ]! o- Lvar superballRunning = true;+ z& c0 j$ L7 @; Z% L- P, O+ g, v
var tempBallSpeed;
- H6 G6 G) J) Z) x& i2 Ovar currentBallSrc;0 \3 f  H9 c. P; }' Y/ x- }
var newXDir;  \" S& R/ A; X3 H
var newYDir;* r( @/ X' p/ T4 y

7 M- l- c$ B6 k  g, b( z( G. m* _* ^9 m$ ufunction initializeBall() {
! d0 ?2 u7 D9 ~8 G& i" s. G# S   if (document.all) {
, S2 _1 F5 {# n( K      xMax = document.body.clientWidth! }$ i5 y% x: Q7 Y$ o6 }9 O: u8 w' H! c
      yMax = document.body.clientHeight
5 `1 }$ O' S3 C+ e4 }      document.all("supertext").style.visibility = "visible";* k/ ~9 ~' n  d$ I) w
      contentWidth=supertext.offsetWidth( w7 Y8 K- E$ G8 `7 [1 z
      contentHeight=supertext.offsetHeight
/ k* N: d' d2 G* b, M$ W0 O      }
2 h7 s  d' U/ B* }) K! @( ?/ W; F   else if (document.layers) {
% O  s) U; Q* e# G5 r% F( _      xMax = window.innerWidth;
  T' j& S* z, D# C, u      yMax = window.innerHeight;
- a9 D1 q+ `/ S: R. W      contentWidth=document.supertext.document.width
! D! V% s2 Y9 J* M3 B" J" B      contentHeight=document.supertext.document.height
. `" Y8 ?" `! A& O  J. q      document.layers["supertext"].visibility = "show";7 ?* m5 S+ Z$ [- w0 H5 C+ d% M
      }
& h, E! n# [) i. I! {& h7 Q   setTimeout('moveBall()',400);- v3 d! ~$ ]# r, F) F
   if (hidetimer!='')8 h8 P7 o. ~! w* C: M+ P
   setTimeout("hidetext()",hidetimer)
, z5 {* j" v! {; A- Y( }, b   }; v0 z8 L/ H2 W
+ H" R. [# z& q: i' l, Q
function moveBall() {
. k" r4 i2 ?( m8 Q# k* [2 o   if (superballRunning == true) {
( D0 o) v1 t. u* C/ B/ C      calculatePosition();! b" E$ u1 U9 N  w' f0 Z" A2 Q
      if (document.all) {8 {$ H/ n0 N$ R3 U/ h
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; k+ d4 ^: T) a' K         document.all("supertext").style.top = yPos + document.body.scrollTop;1 M; p7 x4 U9 j2 ]) k
         }, J- {6 R. n1 o9 e4 g
      else if (document.layers) {: Z, v  ?- K$ _2 Q8 B9 ~
         document.layers["supertext"].left = xPos + pageXOffset;
: |% K/ D# e- R" ^0 t& m, l         document.layers["supertext"].top = yPos + pageYOffset;: b" }+ w2 t3 v0 `: C) y( Y, g
         }  c$ t9 l+ \8 t+ ~% i
      animatetext=setTimeout('moveBall()',20);) f  _* y+ f/ d8 k9 Z, N9 y
      }
  `$ X3 W: A/ b5 X; Q1 S, v8 S( T   }, N% C0 P; P( D6 k0 C
- Y: a: x& A& ?' G% u2 ~- a
function calculatePosition() {
! A0 f( r/ e+ Z7 `   if (xDir == "right") {2 w/ h, T( A1 S  B/ k
      if (xPos > (xMax - contentWidth - BallSpeed)) {/ Y; v4 L$ n0 t& B$ |5 {
         xDir = "left";' l) Y9 o- @8 m
         }' q' O& K& Z; M- Y7 V
      }1 u1 W" x; h6 l+ P
   else if (xDir == "left") {
- N( B  ?6 X* h% }+ O6 x/ k      if (xPos < (0 + BallSpeed)) {  v, F' q! i/ @7 f$ A( {1 W
         xDir = "right";1 ^! J; [% z  J
         }
) a- c0 L  z, ?9 t3 ~- K      }
% |# }" \+ A. _) e   if (yDir == "down") {
& o" r: ^8 ^' @$ b9 H' o      if (yPos > (yMax - contentHeight - BallSpeed)) {0 K, G& Y0 n  R0 s4 I
         yDir = "up";
! {1 J  |# e# w$ i+ L$ G/ P         }
* n$ y: [1 n$ p; h      }
7 }+ z# h1 i4 q9 s, j/ m( C3 r   else if (yDir == "up") {
: C+ K: n; c& |9 a! Y) m9 \5 N) q      if (yPos < (0 + BallSpeed)) {
5 ], S  J' K: |         yDir = "down";0 j2 V4 t8 x. }: `! F% I
         }
+ V; S) q3 N! C& p      }8 |' a* O' R. X* [0 m+ c7 a
   if (xDir == "right") {0 A  F. b" v1 U
      xPos = xPos + BallSpeed;. h% }7 `# [" A" l+ W# c
      }5 L2 [5 U7 e# l
   else if (xDir == "left") {; r1 s/ U% H" C2 [1 Y1 }2 j
      xPos = xPos - BallSpeed;
, O, `6 J2 w7 q1 Y7 u, @      }
. ?; a5 i# V$ c; d$ W& e* _   else {
! L# i: }& v3 z  K5 t- c      xPos = xPos;
+ L& j+ Q: z9 n- U$ i! {      }$ I  O5 B3 Y3 U6 l; d
   if (yDir == "down") {2 M0 j2 L- m4 u* U% n& k
      yPos = yPos + BallSpeed;( r5 ]) H  o1 S8 h3 t  {
      }
5 `7 D% b* w9 i, O' q   else if (yDir == "up") {8 t0 E- w8 _: y1 ~  {
      yPos = yPos - BallSpeed;
0 f. `/ z) h. k5 ~; G. @, T2 |* L      }9 z, n1 N( J8 S8 l4 |
   else {- P/ b; ^& ~4 q# E% _; G
      yPos = yPos;8 ]$ a# T% S% M6 ?
      }9 J, L* D% a& S: `
   }
8 h) F0 c/ I0 P* w) O' z* @4 F2 u
function hidetext(){
  b9 m; {' ^; z* G  W( U6 G( `8 Pif (document.all)
2 X) @( P1 l$ d6 }supertext.style.visibility="hidden"' a* y: K7 e7 o7 G
else if (document.layers)
0 [& w+ H7 p1 v2 Hdocument.supertext.visibility="hide"7 I# R. {- r# e0 r
clearTimeout(animatetext)
, h( t/ E" C0 {}
$ ]; Y8 J6 H0 @+ W& O
6 c) t' M# _# v$ J" [if (document.all||document.layers){
% l: ?) C/ W* }! `- O. @7 _: fdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 F; L! `6 }1 u! l/ e- t9 ~window.onload = initializeBall;
6 {) J4 U% [# w! t3 Xwindow.onresize = new Function("window.location.reload()");7 p$ F/ E; s3 n5 ~, [' ?
}3 p" m: c1 b0 H1 R! n) {0 a
$ v( ~. f$ [8 C- i" {9 L2 ^- N
</script>