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

zw2004

<style type="text/css">8 ~  c1 L  C# ~, x4 W+ Q* {( \
#supertext {
7 {/ f5 b+ N. T+ M3 W: Xposition:absolute;( S5 d# |6 ^( F: [
left:0;
0 g* n. i5 l9 Xtop:0;
# o2 i( r. I5 svisibility:hide;( W/ M3 Z; v3 ^; X4 K; K$ L$ E
visibility:hidden;
0 O7 k( f5 U9 O/ A}9 A9 j; ^9 g) y0 R
</style>+ m0 o6 U3 d) |% w
<script language="JavaScript1.2">
1 B* `9 e# o* @7 c( Z<!-- 改变下的字体的大小。颜色-->" T( \7 A) o0 z. [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3 Y2 s* ~( N' Q0 b7 e# m; }var hidetimer='';* N+ u! |( S# d& u1 ^% `, O2 f1 h
<!-- 改变下的弹跳速度-->
% e% U2 Q# J4 E. `) m; cvar BallSpeed = 20;6 I/ j. w; A" v* L" c
var contentWidth;; n3 g: f) S. b
var contentHeight;) D* {" C7 f+ V( ~. l+ L8 F
var maxBallSpeed = 50;
3 }( C6 D% I# k9 z
, `/ E. i0 l3 i3 @6 e0 l, o( j
4 W$ B( T( h7 _& s3 }var xMax;
9 r7 c' r1 N2 {* C* S1 I3 E# S. vvar yMax;, u& M  |' I1 m7 J0 g5 ?; c6 b
var xPos = 0;1 M# r+ R8 k' C2 ^- g
var yPos = 0;1 u5 i# A- y( y. B; f
var xDir = 'right';) d, q* y! m" D% A" [8 @
var yDir = 'down';
  Q8 s, r2 D3 j: C# Ovar superballRunning = true;3 M) Z. y7 l  M& M* p+ Z+ X
var tempBallSpeed;$ f$ r5 q! w7 g$ Y* l
var currentBallSrc;
* W1 M4 b2 [4 U/ g/ `var newXDir;3 d9 e' A, }# }9 y. ?
var newYDir;
# z) |+ F( K/ ~9 k$ y: R( N2 c* q7 [) R3 G# v! G7 y( j, V) h# L
function initializeBall() {+ h, j4 N- |% U# _& R2 X  A+ c: F
   if (document.all) {
( `5 u' ^9 _. k3 L: @$ @  M: z      xMax = document.body.clientWidth+ ~5 i  K  v" e3 F
      yMax = document.body.clientHeight
7 H6 p6 M' N, G8 K& Z      document.all("supertext").style.visibility = "visible";: N, a8 }6 m9 W  Z9 o
      contentWidth=supertext.offsetWidth
/ Q* q1 ^- w/ I) k      contentHeight=supertext.offsetHeight2 c2 S) R2 _' J% S
      }7 f6 k; d) w! s# v' N. ?& s7 H1 o
   else if (document.layers) {
# F- T3 @+ b7 F7 z8 v4 _, \6 F      xMax = window.innerWidth;9 \0 \) [2 L; z# W+ _, B' a
      yMax = window.innerHeight;
8 A8 Z3 e) x7 \$ l) V6 Q2 M8 Z      contentWidth=document.supertext.document.width
4 ^/ F6 K& O) ^4 ~7 Q% q6 }      contentHeight=document.supertext.document.height
+ E2 ?- o6 N+ J3 z      document.layers["supertext"].visibility = "show";
: c* g* N+ @5 E* @7 q' Y      }' o. O" V% ^9 W; f
   setTimeout('moveBall()',400);
3 _0 X; Z% n2 \8 i, G, F" G2 X" D; |   if (hidetimer!='')
2 a3 {6 d# N' M" \- J5 B3 {   setTimeout("hidetext()",hidetimer)
5 f( }( g9 g, e9 z! ^# o2 O  u- z   }3 o  B# t, C# I) a* M& p
- W5 X5 N" }& N$ {4 y* R
function moveBall() {
' f+ j* P1 h: y7 e* d9 C1 f% a   if (superballRunning == true) {4 ?% y# Y& y0 B: ]( ?7 T7 w
      calculatePosition();. A/ ?- [7 t" s0 }- h! \. a# q$ e7 ^
      if (document.all) {/ H& C" J  Y* n( L3 t& R! A  `9 q
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 q6 G. l+ d2 o6 G* I; O         document.all("supertext").style.top = yPos + document.body.scrollTop;7 ?& M7 n$ j' }1 P' j
         }
2 F9 _6 G+ k2 o" f$ @      else if (document.layers) {
5 @5 _3 F! f" d: X$ g1 q5 \         document.layers["supertext"].left = xPos + pageXOffset;8 v# _  Q7 F% w" S: {
         document.layers["supertext"].top = yPos + pageYOffset;# b  u+ V$ |& j
         }
9 b. Z8 t, p" p) ]& C      animatetext=setTimeout('moveBall()',20);
" q1 t/ ?, W) m! L; W      }
! ]9 r7 `/ X6 J5 [- t- s, m   }
6 N5 h7 K6 F, X9 G, t7 _
0 w1 A6 X3 j6 k0 M/ H5 l& kfunction calculatePosition() {8 u2 p  t2 r0 \3 |$ J5 l0 s( |1 n4 D6 N
   if (xDir == "right") {9 ?( O9 O' y$ j1 k3 v, c( h; d. q
      if (xPos > (xMax - contentWidth - BallSpeed)) {  P. z2 u  }/ T2 ]
         xDir = "left";7 l" s! G+ e: K, \. W) @
         }) F) B) E" |) a5 a
      }
1 G6 [; T  J0 F* P3 N- x$ ^   else if (xDir == "left") {# P6 i/ f% F- I( t5 ~! J  }
      if (xPos < (0 + BallSpeed)) {9 ^8 ^3 u5 v1 j" W
         xDir = "right";
7 Z4 L. Q: R) A0 r0 i; J) ~         }1 X# K) e1 z. K5 M" Q! V$ t
      }
% Z1 k+ C/ O! V+ R   if (yDir == "down") {/ P; [6 c5 O3 U9 E* J
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 D- Z* ~/ ]% @% K$ C
         yDir = "up";3 x' G6 g, q) t8 I
         }
- b+ G8 B6 C+ n0 |8 w      }: g7 k% L0 y- F, W: Q  }
   else if (yDir == "up") {8 `, d9 Q' E5 l0 K- e6 n
      if (yPos < (0 + BallSpeed)) {
9 a3 W7 _. `$ J         yDir = "down";
& T6 S9 m( a8 V9 T* x         }
" B$ z& Y4 \. V7 z2 Q3 s+ m      }
' Q' ?, u& v5 L# J   if (xDir == "right") {7 }0 h  B7 Q5 R5 P; ]
      xPos = xPos + BallSpeed;
3 U0 i) f2 A4 x6 c* ^7 O  k( b      }
# M8 X' @3 u' f! `   else if (xDir == "left") {2 a: F$ y3 b$ {$ E* w2 e
      xPos = xPos - BallSpeed;# @0 U- M6 e8 J
      }
% S9 F" X0 n7 K6 t# u1 T   else {
; m9 n! H1 k/ N' R( t1 t0 J      xPos = xPos;. i8 k: h0 G3 V* v8 t3 ^2 ~9 B& \
      }
. i; A# k% S! ^8 Z  q& n8 O0 F& i   if (yDir == "down") {
" V9 S: q; T0 G$ {3 b: ]" j      yPos = yPos + BallSpeed;  ]6 s2 @# T+ q8 r( R  C- a
      }
; S( l/ ]* \! g  b8 F# K+ f   else if (yDir == "up") {
  A4 g7 V1 \% w& a& y0 V8 Y& l      yPos = yPos - BallSpeed;0 O7 r3 H" H/ `9 z) @
      }
% ^. A* x: w8 O8 |/ Z   else {
/ K/ }& P* p: d2 A7 w/ Y: E      yPos = yPos;
4 A. Y/ R( A7 W* v      }3 A4 t; e/ h. S" d2 M0 Y
   }
" D; F7 A! W( t! w
" }  m  _, C6 {1 l2 V; i3 \function hidetext(){2 e8 o* x& A3 v- D3 }, ]
if (document.all)
  c+ ?, e/ A# h8 n' t0 w9 }2 `: Vsupertext.style.visibility="hidden", M  T5 r. H" M2 H2 R8 C4 C
else if (document.layers)8 f* n: n$ g" M+ {: A
document.supertext.visibility="hide"% h" @! p7 j& _3 m. @
clearTimeout(animatetext)4 G7 t: P$ c# p0 [
}2 Y5 {. z9 C+ b9 x

3 H. i! c0 b* N  `8 m9 lif (document.all||document.layers){
4 v) C! ]* O+ Z2 k- k- c, xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- `& f# _! g7 u8 O" b( Rwindow.onload = initializeBall;
' l9 z8 k- n4 I) Fwindow.onresize = new Function("window.location.reload()");; V' |3 x1 L4 O4 @3 g: Q# E+ |
}: _, `& z. ~) ~% ~7 G, d7 I* T' s

0 z% a  ?; Q! I0 T$ @0 L+ n3 i) w</script>