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

zw2004

<style type="text/css">. K2 _" B6 C3 A1 F* a* y1 j
#supertext {  C" }; w- m; ?1 u7 |& D1 {6 G
position:absolute;
8 V4 G  {3 h+ ^0 vleft:0;
/ k+ Q5 a6 S& J. J. \3 K6 Itop:0;
  d9 p- p& S% a( C( Y$ Svisibility:hide;3 p) v: \. u, s7 C0 I0 v
visibility:hidden;
; J; A! P& w+ j: G9 h}
+ I: e3 t2 X) B' A* W; d</style>* W! d% v8 W2 U
<script language="JavaScript1.2">
' A3 g( t- l9 E6 \+ ]$ ?<!-- 改变下的字体的大小。颜色-->. V+ f: \8 B: F5 d  H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 N$ `7 l) v* p2 Jvar hidetimer='';2 r3 I) f4 I* u. o6 @
<!-- 改变下的弹跳速度-->
; Z5 R( \3 X( R5 M9 @var BallSpeed = 20;2 Z; {# q2 d' M0 N0 o5 t
var contentWidth;
8 Z9 W  w, g) n% i: {var contentHeight;
7 |( v, f! p# E; c& {; v1 v$ \var maxBallSpeed = 50;; t* }' z) p" x0 w( ^* {( L1 Q  y. K
$ m# y2 `" e' k

. N" b5 w$ p4 ]. u* X# I' D1 @7 Nvar xMax;0 O3 U3 q7 e- c# Z5 {
var yMax;  N+ ?+ X; q4 K
var xPos = 0;/ J, J& R  D3 H8 X) @
var yPos = 0;6 ]- I+ x2 Z  C! {! ^
var xDir = 'right';- A( S2 _% i/ ~
var yDir = 'down';
% u& ^0 h" r; k* N* cvar superballRunning = true;
, z2 |" p" R. Avar tempBallSpeed;/ {8 M6 ?  d& R# A2 @6 y( e: t
var currentBallSrc;
$ p8 n; @3 g* K, Q$ c: R! l0 i/ Rvar newXDir;7 q! m( z7 f- K$ c0 F
var newYDir;
, w: D0 u. a4 d: E/ z( y8 @! v6 i( g
function initializeBall() {
& C+ a3 W: }" M8 U3 ]: r( {   if (document.all) {% G$ I4 F& |' F/ w$ G) X! ]. P+ `
      xMax = document.body.clientWidth( h! F  Q' l2 X8 d9 I
      yMax = document.body.clientHeight& `4 B  S# R1 x1 }. h/ _. Y1 {9 E$ R
      document.all("supertext").style.visibility = "visible";
* E' e% R% o) B) ?) a; @      contentWidth=supertext.offsetWidth
5 S* M; z: R: ~# C/ I* _5 N1 f1 u( ?0 X      contentHeight=supertext.offsetHeight
: _$ u8 L2 {' k9 S      }
; X- m8 p+ E/ @' A- m* f  R   else if (document.layers) {
+ ^2 R" o8 h% @3 j: ^      xMax = window.innerWidth;
8 d. y  U. V! u% S6 ~      yMax = window.innerHeight;
) x2 z! ^* b3 b9 s7 P+ z      contentWidth=document.supertext.document.width
) d; X7 n' k7 _: M9 N1 Z% t+ P/ j      contentHeight=document.supertext.document.height
& y$ I& C7 K* {. D# m% L2 J: I      document.layers["supertext"].visibility = "show";+ X1 I( N3 {- o1 N0 F
      }3 d( |9 T% e' M# K; |# t
   setTimeout('moveBall()',400);, u4 l( C% |1 R( t) S- H
   if (hidetimer!='')  F1 s3 p$ Z, [  v, k' L
   setTimeout("hidetext()",hidetimer)
8 R' m. b9 x' z  N: v   }$ ^7 c7 L, h! ]/ o% }
7 @' R4 P  m' m* ]% L5 J, ?
function moveBall() {' F7 `5 R8 `* V' w) b6 g3 |
   if (superballRunning == true) {
; I/ }  _# E0 c0 B2 Q1 f# t) U6 \      calculatePosition();9 g" _) C! M  Y# S
      if (document.all) {
4 N$ z$ M5 s, o4 v: ^         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 F8 i: P7 s( g. K. a
         document.all("supertext").style.top = yPos + document.body.scrollTop;, H5 W: A( J+ B& f% T) b/ ^
         }. O( Z3 ^' s0 J' @* M* |: `/ a
      else if (document.layers) {
* a7 e& M$ z3 y( b         document.layers["supertext"].left = xPos + pageXOffset;3 R. C7 B% E! i4 ?$ E# Y* E: R) ?
         document.layers["supertext"].top = yPos + pageYOffset;
. y, j+ {8 [: ?. A4 N# N/ e         }% i+ N+ a% G. G! p3 R+ _7 l* P% i! r
      animatetext=setTimeout('moveBall()',20);& C! w8 s0 L: a8 B& l1 A
      }
3 g7 p5 F, i- p+ S6 u0 u   }
& b* C" z" g  F8 f/ @
0 F* V* f% J5 `, Tfunction calculatePosition() {
# r  r7 A% B2 v8 t# r: _" a   if (xDir == "right") {
' w8 d4 p& Q1 }, S' s  R$ j      if (xPos > (xMax - contentWidth - BallSpeed)) {. O2 a; B& r' C) w: [9 |) ^: {* y
         xDir = "left";
! U& O8 M/ v+ u* O' p+ ~6 P         }4 E0 T6 [& d" W& r2 L, m7 r
      }
0 U; `5 j- C# F" L, b4 l8 z5 W5 K   else if (xDir == "left") {" g; o* E9 ]: H
      if (xPos < (0 + BallSpeed)) {' |3 [  @( `, I* m
         xDir = "right";& D) m. K6 s2 r& d/ _
         }
- j5 K8 w& D# s  N  t      }% x7 q6 C7 S7 }) J) u2 C
   if (yDir == "down") {$ z; p" P6 K/ `; k. D
      if (yPos > (yMax - contentHeight - BallSpeed)) {* b" V0 h) g5 c; S, S6 _' c" U) [2 {
         yDir = "up";
) {5 E* n0 Z, e9 E' m% g4 z         }
- L8 ]. q" {, J) j2 A      }
1 z" `7 i3 e, D   else if (yDir == "up") {" w, s1 k0 x, {" y7 d% p
      if (yPos < (0 + BallSpeed)) {4 J/ I, o# }0 w7 j( |
         yDir = "down";" R( l9 F; Z* G% H- {
         }* `  `/ F  v4 a2 W4 i1 |% V
      }
9 s9 {, J+ {  P/ _3 @1 A2 t8 i   if (xDir == "right") {6 q& \3 W; Q, P6 g' R
      xPos = xPos + BallSpeed;' G% W/ c1 T4 k$ @5 H/ @
      }
6 j) S# n5 u+ I8 d* ?7 P  f   else if (xDir == "left") {
' y4 }- t# Q* A  F1 F' F      xPos = xPos - BallSpeed;' w1 T* q9 q# O+ G0 _# \
      }3 S! }  C' k9 H( e
   else {
0 R. T9 X! V8 I      xPos = xPos;5 h! L3 F* T, }/ ?
      }4 d2 _' Q4 F% ^
   if (yDir == "down") {
8 l) g" |. g1 w) W      yPos = yPos + BallSpeed;
' b2 S: s3 T+ x5 N. N      }
9 s4 n: |& Q8 H. {8 ^   else if (yDir == "up") {
& Y* T: }5 I3 y" d. O3 _      yPos = yPos - BallSpeed;$ [% f; C6 i, T! }8 M
      }
. Z: U; `" T8 D: Z' J0 {   else {
1 S4 }# n' {% ]      yPos = yPos;
1 t' G% X6 z% p, [      }
4 N5 k; y% }2 L- y7 K3 h" q# g1 l' u   }
1 e4 D8 C2 j5 |8 t4 C( p. e; r. [0 g& M/ P- \- B  w
function hidetext(){
' \8 F& z2 u# ^if (document.all)2 J: P( G, m) W0 D9 V1 M0 [
supertext.style.visibility="hidden"- h& ?1 h7 m- r) E. s: V# r
else if (document.layers)* ?: P% N2 I8 d+ {
document.supertext.visibility="hide"
5 d$ P( V  R+ N/ Y, a6 JclearTimeout(animatetext)
: f0 G( N& t* K}% m8 w% h2 f* U9 d7 Y% V3 n0 e
, Z* G+ L5 z) o$ k
if (document.all||document.layers){
- {& Z. @3 R+ M. R9 k, i9 N' K. {document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# L% X& D2 c' e3 L* \' N
window.onload = initializeBall;
/ h9 _/ C9 g0 Swindow.onresize = new Function("window.location.reload()");
$ q: z( h5 X" }5 o% M/ e/ B: ?% _: G}- ~: c& b+ G3 m! E" p' C) x

8 o/ d- Y* j/ k2 B# w: ?/ O: ~</script>