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

zw2004

<style type="text/css">, V7 a. N- m2 o7 `& y4 l
#supertext {
2 h, b' m* ], C  l' L6 R3 Cposition:absolute;
/ u5 l) q. A+ C# [4 f' n6 P- l- tleft:0;
8 [% q/ s9 @* ?9 `/ Y7 ]! etop:0;8 e! w' P4 Z9 S' f0 N) f
visibility:hide;
3 L6 U! Q# G, O5 i4 P5 @4 `visibility:hidden;
. ^$ Y1 g% A. E5 N5 T5 d% s3 E" B}
; V7 O- s% G6 J( @, R3 ~</style>
* ^5 ?) w* T( E<script language="JavaScript1.2">) Z; A0 D5 C2 c4 P
<!-- 改变下的字体的大小。颜色-->
4 L  a- W8 e% j7 Z( @1 }& lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* K4 H2 S/ _. ~var hidetimer='';
1 W- J' r7 L$ V& }( l<!-- 改变下的弹跳速度-->- ^; P  k6 _9 Z5 {8 p2 J
var BallSpeed = 20;
/ S$ m7 T! c% V" _$ i& _% c' B: u" ?var contentWidth;/ N3 @, a# x5 J( Y4 E3 E# W" b
var contentHeight;( d  d+ U( d2 D: Z+ z# i
var maxBallSpeed = 50;: ^5 B8 X# z7 C; g% e
" H0 E4 C! E5 G' Y. s" W

3 P% O5 `! I! K9 l1 u5 s! I6 Uvar xMax;
( c* Z  v6 e% ^$ |8 N$ vvar yMax;# x8 Y3 h! N6 H; Y/ K
var xPos = 0;
4 b2 C$ \" I4 i; B8 y4 Gvar yPos = 0;
5 l" f! D# N4 s- Bvar xDir = 'right';% j, {$ L" S% x$ b* l
var yDir = 'down';$ b/ M1 z6 Z0 A/ @, `
var superballRunning = true;8 G& K  ]% {4 N* j0 f
var tempBallSpeed;
  T% ]) a. A" m9 k$ w$ {1 N; V& Mvar currentBallSrc;& ~. k( E7 S- S+ k  L6 n0 J
var newXDir;) b8 n* O+ X7 G: z! h+ C& `2 Z$ m
var newYDir;- v9 t2 x3 q1 }# n. k; Y% b

6 x* e7 I) R9 T2 K+ o! M4 O8 qfunction initializeBall() {
, T# r: D+ p$ s/ j4 E% k   if (document.all) {
! c) l+ R2 M* @1 w      xMax = document.body.clientWidth4 x; S8 l3 Z" B; `$ T
      yMax = document.body.clientHeight
. [* K, r; n) |- A( i      document.all("supertext").style.visibility = "visible";5 c0 M' x# `- q3 m) s7 C& @4 c
      contentWidth=supertext.offsetWidth0 y$ _' ^. L4 ^
      contentHeight=supertext.offsetHeight
2 O( e" {0 _) ~      }
3 M6 ^5 t4 _! r9 O7 `% L- Z3 o& U5 [   else if (document.layers) {
$ m9 d6 m  A8 ]6 ~/ e) p      xMax = window.innerWidth;
1 d3 ]* v  }9 j$ i# g      yMax = window.innerHeight;6 R$ r$ E" p" w1 w8 v9 E5 v8 Q
      contentWidth=document.supertext.document.width
  r+ R; M7 U; g$ }5 B) Z2 b      contentHeight=document.supertext.document.height0 i+ j" G7 `% T
      document.layers["supertext"].visibility = "show";
2 q* C+ f: n3 Q( P+ V      }% c) `- |0 W0 r" j  t! Y
   setTimeout('moveBall()',400);! @5 L- H! s  o+ f- W
   if (hidetimer!='')/ Q! g: ]1 L- N/ D/ K8 r: u4 a! ~
   setTimeout("hidetext()",hidetimer)
& i/ ^, P- k! Q  Q- v- {- a   }  h- t. |8 G6 W* d# Z- J
8 p7 n+ ?: [6 m. t" G
function moveBall() {! Z7 w% }: K% z( ?! u
   if (superballRunning == true) {
1 O9 k$ D( O# s, J% h0 v      calculatePosition();
( x9 c$ _2 u* ]( [4 e6 l      if (document.all) {
+ ^6 l/ y- r8 l$ u/ ~         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" P7 V0 _. t8 \. m, f         document.all("supertext").style.top = yPos + document.body.scrollTop;
- {/ I/ z! ?' J# b; W9 O0 I         }
6 e1 F; P% U( v* N+ F      else if (document.layers) {
; ]' c- S8 M6 M* T) t& I         document.layers["supertext"].left = xPos + pageXOffset;+ m& \# l* ]3 e# d& N
         document.layers["supertext"].top = yPos + pageYOffset;# L" `3 g# m1 v) F2 b
         }
6 A) F) C3 A" F: ?* w      animatetext=setTimeout('moveBall()',20);9 |! K  {/ t7 j8 K6 h# h
      }
7 {# Y/ ?8 M# Z6 P% L/ s   }5 H% {- a- p: u4 b7 g4 q
4 Z5 m! z* B# D) z% ?% x3 _
function calculatePosition() {! o7 ~6 g/ Z2 F
   if (xDir == "right") {
5 x# J- z# ~/ x3 M7 P      if (xPos > (xMax - contentWidth - BallSpeed)) {% N5 ~% H. A, `: R, i
         xDir = "left";
: I. u6 W2 }3 T- Z         }* ?; K$ ^# U( s, {) _2 r4 x) Q' u
      }5 S- r7 j; h# P+ x' M6 {
   else if (xDir == "left") {' f; e6 s7 Y6 b# e5 K: J* z
      if (xPos < (0 + BallSpeed)) {. z. ]9 K+ Z8 }+ Y6 u2 \2 N
         xDir = "right";
7 C% K1 W/ a5 m+ W) w         }4 k6 B* u! f0 j* ?4 Y% K. M
      }2 J5 v! ~9 x& ]: J% B$ N
   if (yDir == "down") {
; p7 D5 t  c  O# N- G, U/ u! Q' A' {      if (yPos > (yMax - contentHeight - BallSpeed)) {
* m  _. q/ \" t, q& ]( ~2 P6 w$ r, e: F         yDir = "up";
2 ~6 Z% x$ C% z7 u* J2 B  \/ w% K         }, x+ o3 c2 _: D5 U* t# x
      }2 d5 z; o7 w! W. _
   else if (yDir == "up") {- |8 u. {& v) J& @
      if (yPos < (0 + BallSpeed)) {
2 i0 H+ v6 G$ w; [         yDir = "down";
7 @4 F3 G- J+ x5 g) x2 A" v7 T) {         }
1 A' R5 ]3 c1 Q      }6 A7 j$ ]. K3 z
   if (xDir == "right") {
/ N% ]1 C' {, j) c      xPos = xPos + BallSpeed;; m5 x0 d) Y8 k) ]9 m
      }9 c4 |$ l. B  S% X0 V, b
   else if (xDir == "left") {3 l9 U/ o& o3 L/ W' x: j
      xPos = xPos - BallSpeed;6 C4 E+ Y( S" Y& _% R
      }% k- ]" N- u0 L: \( y( s  J3 ^
   else {3 E7 ^; O: [9 U" [
      xPos = xPos;) I% t9 T. n- |( |1 k/ I2 Z1 t( C
      }' ]5 y) |6 N1 o  g& e/ ]
   if (yDir == "down") {
2 Q. H0 w1 ^9 Z3 }+ m( V; b      yPos = yPos + BallSpeed;
  M: P) U3 C- e6 x9 ]      }
- |8 ^& Z' n# r6 L+ C   else if (yDir == "up") {6 w# C% y7 s: G9 ~7 W( h
      yPos = yPos - BallSpeed;  X' n8 q9 ~" V( T3 W
      }' E8 a6 w; j! y' H& N* \
   else {
2 R4 x1 y1 ]/ E5 b      yPos = yPos;
: B3 g. z% s( e- |+ g+ Z- G) Q      }% f7 s2 z9 O% S- e  \3 a6 S1 ^
   }
3 E; P" r# P  h  j0 m+ A& O8 J" d, J! @* h
function hidetext(){
* ?7 \  Z) }- l" {1 H/ x$ e( i9 Aif (document.all)
2 l, D& L4 T6 U5 s& `; q/ H5 w+ Qsupertext.style.visibility="hidden"
, c( t1 Z$ |+ r5 c1 ^else if (document.layers)
% R' a# B$ g0 w" \" m4 ]+ Ddocument.supertext.visibility="hide"
; q2 U. L3 b/ u0 u1 I" f* q# zclearTimeout(animatetext)
7 l7 |, g& Q0 e+ m' N/ J+ }. a+ Y}
! D; p- Q  {) m
! b+ ]) w& W# I/ I) t0 Dif (document.all||document.layers){- B. t/ n8 @8 h
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); Q, Z2 |+ D! b; f1 f: j4 y
window.onload = initializeBall;1 `. M! x4 R8 B7 S$ ]. Y
window.onresize = new Function("window.location.reload()");8 P. x" @3 L* n9 N
}1 b% h/ w. d# ?! ^
! G" a6 v1 S/ R( `% y
</script>