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

zw2004

<style type="text/css">
+ k4 Q8 N6 ?+ c+ L#supertext {
2 F# T2 h7 H7 {0 u- }. I: ^$ ?position:absolute;+ A" u' B% {# Z) q: T* S9 O2 G( q3 }, f
left:0;
% H$ _1 b# i- w, U$ @2 Itop:0;# G  d' `2 h2 a7 u+ b) n3 L- d
visibility:hide;) a0 R* H! S! r0 ]+ Y$ K7 o  \2 o. X
visibility:hidden;
; n( M1 C4 w) v1 n; h9 ]}
0 u6 f' d- ^" h  q! M- r8 t</style>0 |9 t4 h' ?" ~# f1 r3 w! c
<script language="JavaScript1.2">
# b0 A- \8 ?: }4 ~' g) _! f+ n. {' \<!-- 改变下的字体的大小。颜色-->
! ?$ P+ k" ^$ P& L: m9 b6 Avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' u+ ?8 ^5 h) M% ^3 W' i3 Avar hidetimer='';
, u+ }4 a; X0 K* ]$ o) z: u<!-- 改变下的弹跳速度-->& _/ L7 G/ O& n  q8 X8 W
var BallSpeed = 20;  J; F% M  E% H* K6 E2 d
var contentWidth;! _7 D# {3 S# y# J2 Q7 v
var contentHeight;! r( h4 w. Q5 ~; O+ H0 Q, w/ r% F
var maxBallSpeed = 50;
3 ^) b/ s: e6 N7 H8 j, l) K+ b: T7 j# ]5 L. T* x

# _; g9 T$ u2 i0 n% i* \4 z& c% zvar xMax;
+ s1 y! x9 g4 j! z# j7 Kvar yMax;) n5 |" G0 B' e% D) _4 V* l
var xPos = 0;
! W2 I& L( n% X  Zvar yPos = 0;1 B/ H- I; v# \6 G1 _' u& q
var xDir = 'right';+ T# o' j2 l( B: p$ d
var yDir = 'down';
8 q# W% t  _& F; z. C' ]3 Avar superballRunning = true;6 x. y  g9 m. I' S
var tempBallSpeed;
. [0 k5 }7 z+ ]7 m8 J$ |var currentBallSrc;
( e; n6 ], u4 S- _- Ovar newXDir;
3 Q# f9 T& U- Y8 }var newYDir;2 U, S$ s1 b: F" D3 I* {% x
4 P) I. ], V2 l3 G
function initializeBall() {
8 Q1 O$ |& u! ~& ]- K   if (document.all) {
  k0 o9 D, y0 m- R) [7 b      xMax = document.body.clientWidth
' n! ^, C5 Z" p8 {* J7 v6 W, i      yMax = document.body.clientHeight: j/ V6 d4 M% t) u/ H5 |' c4 ~
      document.all("supertext").style.visibility = "visible";
9 K/ v5 v/ e3 E- p  M! F9 H* q- p      contentWidth=supertext.offsetWidth
0 U8 E6 Z1 u6 g7 U1 `      contentHeight=supertext.offsetHeight
+ I8 {6 x; z' O; k      }# t& k3 m# v" k
   else if (document.layers) {
! o3 b! ]1 i& }! T4 C      xMax = window.innerWidth;
, m% g3 N9 N# Z. u! k! h      yMax = window.innerHeight;
. }9 `3 ^4 @& W) @; W0 ^: M      contentWidth=document.supertext.document.width
& [- h7 O  Z7 O! {4 `      contentHeight=document.supertext.document.height
, i. C; `4 Z' R" J      document.layers["supertext"].visibility = "show";8 v$ v+ m+ C2 @" i, H; i+ v/ X
      }' `2 c) s# r7 v; e7 Q
   setTimeout('moveBall()',400);9 E' J1 Y5 w+ ?: \( o3 o8 h7 u
   if (hidetimer!='')5 \2 H( G( P1 T
   setTimeout("hidetext()",hidetimer)
$ H& j" C& L$ i( C0 y( d6 \; h   }3 E/ i# i9 G/ t. a: ?' o- f

' q9 q$ O. \$ Efunction moveBall() {2 r6 F4 o: J* j0 G' O" O( ~5 Y* a
   if (superballRunning == true) {
+ Z% M1 l; m. N) r( Q/ K" r      calculatePosition();* H" M5 A, c+ c2 b2 ^! C2 h3 D- @
      if (document.all) {# s; S! u' R6 J6 R% k* P3 h. a$ N; u
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- u; _1 J9 y% S* x         document.all("supertext").style.top = yPos + document.body.scrollTop;! |- l7 ^# r0 b/ _6 }% X
         }1 N) u  Y7 \7 H% o
      else if (document.layers) {) ?$ t! v( @0 e+ Y7 s2 l
         document.layers["supertext"].left = xPos + pageXOffset;
* `$ @/ `: a. Q5 G4 E. t: i( y         document.layers["supertext"].top = yPos + pageYOffset;
; o( w: e, {. Y# e3 _         }
& T" M# c/ j) Z- a1 D- i      animatetext=setTimeout('moveBall()',20);0 r4 d5 k+ Q4 _- P
      }
4 Z# P& ~' `1 [5 q  Y5 f( c   }! s3 g$ L# D) w+ k; D/ Y

" D0 }# F5 }  kfunction calculatePosition() {5 z3 g8 Q/ `8 x
   if (xDir == "right") {% ]4 A9 W8 Z2 _
      if (xPos > (xMax - contentWidth - BallSpeed)) {' h8 e0 Y8 i# `4 d
         xDir = "left";. Z2 O6 X1 L0 ^) J5 d1 q
         }. @- k+ d! @7 }: b9 L7 a# r7 @- d" r1 ]
      }
, n+ u! @7 N+ w# D5 b7 I0 e   else if (xDir == "left") {
7 r" E& h6 W  s; G" k( }      if (xPos < (0 + BallSpeed)) {
3 m0 z# c" s2 j! O         xDir = "right";+ `7 ^9 X* J& v' `1 g8 B+ j7 U
         }, Q: Z1 F1 i  v3 Z. U, v4 \/ \5 e' M
      }& B( s* T0 ~/ d8 l+ I
   if (yDir == "down") {/ W% I; N9 M% L  w$ B
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 b* I! W6 v, n. I/ y- Q         yDir = "up";3 `! ?' I: D7 d2 S
         }: e- ^3 R8 Y: I: ?8 x  u  m$ h4 a
      }+ u* Q# k! s/ i+ T. E  l( L6 V
   else if (yDir == "up") {
3 n% s  b% s. ]0 i5 g) o/ {+ I      if (yPos < (0 + BallSpeed)) {
9 T; _" ~& h0 C* L! w         yDir = "down";. W9 X* Z" |( k% E+ H6 r
         }: L- w: A* d& W/ n! u# P0 ^: `
      }* t6 |* ?! p% T5 N! z5 x
   if (xDir == "right") {
0 w5 r* T) N0 U8 L# W* z; M$ g      xPos = xPos + BallSpeed;
( a) v; Q( |7 R$ Y4 M8 ^2 p: V      }
& }/ F" q  w8 Y$ b3 D2 T   else if (xDir == "left") {/ P6 N# K* ]( f9 }! u  f
      xPos = xPos - BallSpeed;
5 e' Q, G: h) ?+ g- R; l. W- V      }( R$ J6 B9 x( ^
   else {9 N1 F" C+ g+ f/ Z( V# ?6 ]9 _
      xPos = xPos;" K  e: ?' I+ _+ x0 @
      }$ J7 u  t- o+ R: a5 P
   if (yDir == "down") {
$ _7 M; |/ r7 n& u  l. K      yPos = yPos + BallSpeed;0 F* F. n0 q$ y2 s: o
      }
* a. T4 I) x2 k( c! p2 {& H( f8 F% }, H4 F0 W   else if (yDir == "up") {
" J& g3 N8 \' M* d0 Q      yPos = yPos - BallSpeed;& b3 s" V/ b1 a3 {
      }. G$ @0 B" w, I+ a5 _6 @) I
   else {# R2 H7 w0 L3 J" O0 ^# k
      yPos = yPos;5 J1 [# Y" A1 X8 ?
      }7 n+ v0 H, V% @- H2 N! ~$ `4 M+ c
   }
0 B2 [( q; n6 C* G
6 l% U" O& }0 Lfunction hidetext(){
5 Y# I2 ?" a) r# v, [; c+ i3 \if (document.all), t6 y3 @  o* l+ r& N6 l
supertext.style.visibility="hidden"  \( F# o  D* o) b0 V7 q
else if (document.layers)7 h$ t% ~, W+ M8 A* l$ n
document.supertext.visibility="hide"
% M6 }6 O" q4 y' u% ^! OclearTimeout(animatetext)
$ h3 Q5 O1 `& \  \9 ?) {}
& }$ N/ X$ S) R; t* R* C( x$ @9 v4 V% N, P
if (document.all||document.layers){, I: j1 D8 m7 j0 z' Z( T% J
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): ?; P- s1 V- j( j6 X
window.onload = initializeBall;; ^2 j2 H: B/ f2 O; ^9 G6 n
window.onresize = new Function("window.location.reload()");
  a. h$ Q, ^1 a1 O1 ?}
5 X+ L6 O' F7 N& b' a6 k) E+ z9 _" v8 W* v4 L
</script>