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

zw2004

<style type="text/css">9 ?1 b  H# [& O
#supertext {! B; K2 }0 w4 i8 m
position:absolute;2 N3 {! H% _$ S
left:0;
2 }* I8 A, L; }8 _0 k, \5 ?5 vtop:0;' \5 {, A1 Z, ~7 s$ ^+ c2 X
visibility:hide;- |0 h: H9 H2 J+ M+ O& S, B
visibility:hidden;) H9 ?$ h6 }  c7 \% Z/ h" T! |
}9 r* _0 [& A; l9 X  U
</style>; F1 Q  |6 W  A# D7 i( x- T8 a
<script language="JavaScript1.2">, |5 T' C) [. ]9 H
<!-- 改变下的字体的大小。颜色-->
" |  p: A. Z; e# \8 Avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% ^' I, r0 G) U' E
var hidetimer='';9 ]3 Y& E0 ?+ f1 S5 O) v+ [0 d
<!-- 改变下的弹跳速度--># B) e0 Q* i4 X; B: R+ u  i5 m, A; T' `) a
var BallSpeed = 20;
2 r* I7 }% @: v  u! j) I; Y  P+ f8 _var contentWidth;6 k8 O9 x# y) _2 I6 }* j
var contentHeight;
" _2 }: a% g7 @1 l+ cvar maxBallSpeed = 50;$ U* I& l+ E5 x" l8 S/ @  h* T

; ?! t/ ]+ C& ~( G; `6 |9 h- T  `3 o
var xMax;" R" W) S* A# |# t- P% R' s
var yMax;
1 n2 B+ R9 k5 |5 `3 v) r! ^/ nvar xPos = 0;( y8 G- A+ v8 m2 u! o! a$ e' V+ J
var yPos = 0;3 \; v- u- F3 X  ~4 E+ g) }
var xDir = 'right';4 J; e% Z# f; y9 k$ V+ M
var yDir = 'down';; ?" U% F2 P4 B; l1 G
var superballRunning = true;8 e6 w& c: M6 A% U  m4 Z- B2 Q) \8 f
var tempBallSpeed;# F% H1 p6 Z( B2 B* a
var currentBallSrc;
! Y& J% H2 }2 Y4 ^+ Dvar newXDir;
% m# a8 a( y+ dvar newYDir;
$ y/ S( L$ e: `. _/ J6 L$ V" Q; Z. j% P# n! l# t& F" [  H. z* a
function initializeBall() {
* y: ~; v* |, ]" _1 e   if (document.all) {
+ Z( V: @( V0 h' y5 {( G      xMax = document.body.clientWidth
) ~" N& M/ f# ^      yMax = document.body.clientHeight2 O( o: |3 }" h2 e# ?! y# q
      document.all("supertext").style.visibility = "visible";
9 S" @4 O* G( {+ ^+ C" W      contentWidth=supertext.offsetWidth/ m4 f  y: b3 J+ M- T. Y7 T7 f
      contentHeight=supertext.offsetHeight7 s& W0 {8 s, ~
      }
. |; i" A. }$ E% J   else if (document.layers) {
8 u+ G# X+ D7 ^      xMax = window.innerWidth;
% E' q0 i1 e( D! G# V5 v% o8 `      yMax = window.innerHeight;2 \9 `0 H: f' J/ ~  H, o9 }
      contentWidth=document.supertext.document.width
; z7 S' l9 ^+ T# z! k      contentHeight=document.supertext.document.height
. u0 e2 {0 J. u6 V      document.layers["supertext"].visibility = "show";
' X$ z1 V0 L  f4 O) g      }- o- x4 s( p9 j, |+ }% o. g* D
   setTimeout('moveBall()',400);
$ n/ x5 T8 H; Y6 j: e; E   if (hidetimer!='')
+ b* ?7 i5 |" e' x! s   setTimeout("hidetext()",hidetimer)
% g' T. V! y1 E7 C. `   }3 o7 c) l7 x9 d! u1 r
/ }1 [5 l" [8 ~& S( S
function moveBall() {
' O2 f3 m9 ?. J  H   if (superballRunning == true) {
  B; N0 z; }; r4 I" J" G      calculatePosition();1 r$ F1 R9 D! Q* s2 |0 [8 c5 w
      if (document.all) {1 ]; j6 o  X( k! t9 D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
5 U: ~! ?1 Q: q4 S' ?6 v3 `         document.all("supertext").style.top = yPos + document.body.scrollTop;+ t" K6 m1 m8 x
         }
2 z/ ~& U7 @: k! _: R  Q      else if (document.layers) {
2 V- q- Z* H/ z- E( i( w+ l         document.layers["supertext"].left = xPos + pageXOffset;
8 t7 `( ~5 p) O8 _         document.layers["supertext"].top = yPos + pageYOffset;" O- I% {6 U; {5 `  _# q
         }& j+ _% _) W$ {7 D3 }" L$ W
      animatetext=setTimeout('moveBall()',20);
  u) k5 G+ `% [* m# ?      }
" \$ v4 t( {2 y7 T; r, P7 u   }' X6 G! @# `" f/ g* P
3 u) m2 x$ z! y
function calculatePosition() {# H' [" S* d" |8 ~, J
   if (xDir == "right") {3 [* ]8 a$ p) ]0 J7 v# y* b9 F0 j
      if (xPos > (xMax - contentWidth - BallSpeed)) {; R: k  |4 A) i/ Z# {
         xDir = "left";- ~5 F, S5 W6 t8 s2 r
         }
1 J* `/ W; O2 w7 D: Q/ C* e      }) [/ ?7 x8 S0 j0 I. [
   else if (xDir == "left") {
8 Y$ X5 R# w8 Z! F9 B      if (xPos < (0 + BallSpeed)) {/ n7 `7 \# [, _
         xDir = "right";
5 W' Q" [; f2 k8 U" P) L9 Q         }9 D0 j4 T2 f. U4 U* t
      }3 H) V+ R+ j( S
   if (yDir == "down") {
; c+ ^( T% a8 Y- g1 M6 F% Z% e" F      if (yPos > (yMax - contentHeight - BallSpeed)) {
- _# X& y6 X* ?         yDir = "up";
7 L! G- `8 ]# E+ H& d7 W2 `         }
) \, r  w, H+ \# Q( r9 e; x      }
2 U1 R" ]3 L$ Q* n( q7 L. i   else if (yDir == "up") {
1 L2 A+ `% G- Z  ^( \      if (yPos < (0 + BallSpeed)) {1 m( W: r( [1 s. j6 r
         yDir = "down";5 z: N8 V1 Y1 I. C0 q! A. r
         }- |, B2 N- D. s, u/ T
      }
: p+ p6 R* c% D, c  C2 Y+ Z8 `   if (xDir == "right") {
0 G# M) H- Q8 `" S! K9 v; r      xPos = xPos + BallSpeed;$ W* `* \! w( K" q4 \
      }
/ `' O1 q7 L1 R3 G: \! r   else if (xDir == "left") {
+ C2 T1 D* [! v/ }! O" _      xPos = xPos - BallSpeed;
! C- R% g/ G" R7 `+ u$ S6 ?      }! a" J. Z8 S5 [+ k- W8 Y8 A+ D3 N
   else {
( t6 I. v9 A8 H7 x# c, ^6 ~      xPos = xPos;
' k! a# s4 y/ k* j      }
- U$ s4 M9 C$ n4 p   if (yDir == "down") {; H+ O1 n; ]( G2 `
      yPos = yPos + BallSpeed;' z7 F0 r- Q7 S* _2 T4 j
      }
( m5 S/ N# l7 i  \   else if (yDir == "up") {( O  {& u$ ^, z0 G8 ?
      yPos = yPos - BallSpeed;
. D. ?$ I& L7 @6 j6 j( \$ l. j* w      }% ~0 w0 G6 h2 M
   else {1 x) G# Z- T& o3 K
      yPos = yPos;# v$ d5 P( D, C; _0 ~% G( o
      }% I+ {) ]9 C  A' W
   }
" `6 V  t/ M# T- g4 \7 V- Z: P) h1 M/ S( c: L
function hidetext(){
1 }! t6 C6 p8 `3 X% |if (document.all)2 w, r/ V( d9 W1 L0 `
supertext.style.visibility="hidden"8 ?/ w3 _" x3 ]4 j1 F! g
else if (document.layers)
% r1 {! T( K3 X5 o7 s' `  Z7 E% fdocument.supertext.visibility="hide"
, s) B. ?9 E6 g3 }6 T2 p8 WclearTimeout(animatetext)
& k/ K0 w1 z5 I. C}
0 `2 Y- ]2 A' V7 Y- B
: w! a& a# F) P$ Yif (document.all||document.layers){
' Z- G' p3 ~) L- ^  adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( ^0 x9 f% _  G6 G9 j( x& y
window.onload = initializeBall;" d( F  H" i/ r+ c
window.onresize = new Function("window.location.reload()");' \1 w) h7 L& w0 @
}
. T( R  O5 ^% `0 Y" i3 o) j# V
0 s$ X; W  l& p+ I  A</script>