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

zw2004

<style type="text/css">% W6 M' x/ p4 i$ p. S- F
#supertext {7 f; @4 j& P7 l/ [7 ^
position:absolute;5 H5 {+ ?7 I' \0 Y0 w: ^
left:0;2 z- {" H& |  u2 [  p5 e
top:0;  T6 o& }" k, i% Z1 I! I5 X
visibility:hide;, Q6 K2 u1 W! b9 s0 q
visibility:hidden;
( h3 F# V, y# Q" }! G}* e3 Z. O4 [) l( Z- Y8 A( b, i
</style>! E6 J( `0 }8 K1 Z) Z
<script language="JavaScript1.2">. @5 h  S' H5 f0 k
<!-- 改变下的字体的大小。颜色-->
# j! F" ?4 E1 C- O; Gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  J7 @8 ]$ V2 y8 u4 B
var hidetimer='';
3 k( g- y! ~: I" H+ }. _<!-- 改变下的弹跳速度-->8 F( a+ F+ l+ x' Y
var BallSpeed = 20;0 G1 b# ]6 X3 }! Q
var contentWidth;
+ a6 \$ G+ u4 v& _& X. c- P" d9 F2 Evar contentHeight;
. v5 W0 Z! m, a6 Y0 ~: ]var maxBallSpeed = 50;
( g/ Z9 j. Y1 U  N) z4 B! z# m' {- V9 A% B% W! ~
3 I1 W- R( p- x/ N; n( E# m
var xMax;2 x" m: `2 T9 c6 R. @
var yMax;0 S9 Z  f$ T- o  e6 c. i- G7 E& @$ T5 p
var xPos = 0;, T2 ~. `# y9 ]. ^$ D* `
var yPos = 0;
7 m6 F- g* ]9 U. v6 F: {var xDir = 'right';
' y% E4 y! N! C0 W8 J6 Zvar yDir = 'down';( {- R. Q3 @1 t1 X, u# o5 d4 j
var superballRunning = true;
* a3 Z. _5 o& i9 z" u" K5 _var tempBallSpeed;
% u! b/ E! R4 O9 pvar currentBallSrc;
2 R+ ^  \8 W' m! ^8 o- ~+ uvar newXDir;8 ~$ @$ P: z* O, O! w- [: \
var newYDir;# }% [# K$ d1 p, z# [
! O/ `4 J1 V7 M# `
function initializeBall() {" M" Z, b2 {. V
   if (document.all) {
% z# ]0 E1 h3 A4 I  r& [% s/ s2 Z      xMax = document.body.clientWidth+ D  R+ n' U3 A2 I
      yMax = document.body.clientHeight  x1 W( j5 i. H0 F5 q2 C3 ^. M/ Y  {
      document.all("supertext").style.visibility = "visible";- \/ ^6 p" g( d; W
      contentWidth=supertext.offsetWidth! a. t" ~" a. y. i2 m, X/ h5 |
      contentHeight=supertext.offsetHeight
: l4 ?- T$ R2 R/ |+ ~# B      }
$ l1 N4 ]( z2 l' l; z/ F# m: F3 r   else if (document.layers) {& k, V7 q4 G5 M
      xMax = window.innerWidth;
* @5 n2 q; s8 n      yMax = window.innerHeight;) V7 `; U, t% |% f; k  |
      contentWidth=document.supertext.document.width, \: c4 p  c3 Q
      contentHeight=document.supertext.document.height7 @2 f  L: k8 c5 N) o: \( W- }; v
      document.layers["supertext"].visibility = "show";
, n" ?$ z0 H$ i, p- a! W+ J/ t      }$ |" x0 t  B3 L# G
   setTimeout('moveBall()',400);
5 O: \( z' ]  l. z. E' k   if (hidetimer!='')
9 w+ v! u2 j. ]5 l, o" W/ H   setTimeout("hidetext()",hidetimer)
. _! Q. u6 B7 F9 Q/ K   }
$ X. x! q8 n. T6 x6 l/ o  O& c* T  i0 \
function moveBall() {
  q1 L* W2 x( z. E$ `4 V   if (superballRunning == true) {
+ I# L( v" W; B  C& T( j      calculatePosition();3 @: S- \/ A, f; v
      if (document.all) {- j1 X! @6 @* A' x
         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 Q3 W( Z; r% }( k$ N& x
         document.all("supertext").style.top = yPos + document.body.scrollTop;' M: x7 t) ^7 d! A( k1 Z
         }
4 U1 L+ M! Q6 n* \. I+ z1 T/ Q" y      else if (document.layers) {* U, o/ R8 ]! n+ t' d
         document.layers["supertext"].left = xPos + pageXOffset;
5 ^+ X4 A" q1 I# G+ }/ N         document.layers["supertext"].top = yPos + pageYOffset;* a8 u7 m+ j! Y; ]( ~0 O2 }
         }
" g& u9 y8 D9 ~( j& o      animatetext=setTimeout('moveBall()',20);
$ E3 [' e3 u5 g& U. Y      }
4 o+ _$ Y1 F- Q+ z5 @( u( `9 o4 Z   }
, `9 S3 |' N; q8 s9 W# B; ]3 B
function calculatePosition() {) z. z0 e! |& s$ \
   if (xDir == "right") {6 k4 ^( K) t$ v& q
      if (xPos > (xMax - contentWidth - BallSpeed)) {; _& U" I' F2 ]2 j) v/ p
         xDir = "left";+ M& G$ u% S8 _; ~$ p7 i! n
         }4 m7 q3 P; s4 P: b
      }2 s; g6 _3 g: Q0 b- X2 S) J  C  F
   else if (xDir == "left") {
4 v7 z. v; i/ @1 k$ A: E8 n7 b      if (xPos < (0 + BallSpeed)) {$ u9 G# v6 u6 C6 ^+ B/ g& f
         xDir = "right";# c7 u) A* C* w4 C
         }
0 {) u5 H/ B# ~- r- s' r      }
1 `8 |" n) g) e; D. [  A   if (yDir == "down") {# i: t# c1 L4 V4 e7 k+ D! c( S) N
      if (yPos > (yMax - contentHeight - BallSpeed)) {
. L6 @! Z7 h+ c' A) Z         yDir = "up";
% X4 L  h2 ]. d: Z2 a7 ?- w+ D" `         }
- I  l1 E# Z( J6 k      }
: J! O# g  k9 q8 G" }# _5 w) [% {   else if (yDir == "up") {2 M  k: S0 `) I
      if (yPos < (0 + BallSpeed)) {, U! M' `/ o3 Q" m) Z, I& c
         yDir = "down";
! y) q8 p; j* Q1 V( t         }/ n" I. N5 Z2 b
      }4 a0 p  b5 ]9 F3 X
   if (xDir == "right") {
* V1 w1 F3 B0 S) U7 ^      xPos = xPos + BallSpeed;
) t) E  n8 I" {  q8 M$ _1 U      }5 A7 Q3 y9 Q2 T. x
   else if (xDir == "left") {
- c. M7 Q7 `6 \2 v7 r0 d8 D      xPos = xPos - BallSpeed;5 s* [0 n! a  W% C
      }
) L/ L4 }7 S# |* Q, u   else {
- j* g, G  n0 B7 r      xPos = xPos;
- j: |* H$ |$ P      }
1 B9 Y# ~6 z2 `; R   if (yDir == "down") {2 ]+ Q6 X9 f' ^- T
      yPos = yPos + BallSpeed;
0 k% u; z2 b; ]6 M+ T2 ^: K% z      }
8 k# n8 Q5 i7 M! Q   else if (yDir == "up") {1 b2 T8 m0 |- L+ _6 F9 X. U
      yPos = yPos - BallSpeed;  G3 R( j/ |5 N/ u4 _5 ~$ [# ~0 h) G. R
      }
4 I( w1 J1 D# A/ S   else {
" b/ Y, @* m8 l; @      yPos = yPos;+ q+ n9 ?- ~' g4 ^8 C$ H: f7 f$ \
      }
+ g$ B+ x1 |0 W1 }* E   }
" W) ^9 H/ a1 F
7 Y7 `( e: X2 R) R6 ^6 ^  ~5 ]function hidetext(){/ a" S" e0 }. i% u% A1 Z7 X
if (document.all)5 q# L5 ?7 y$ u7 W4 t  G8 u
supertext.style.visibility="hidden"6 Y" g" ]* l1 A3 s0 S: V& C& d, `
else if (document.layers)
; l; ~1 w. y9 ^document.supertext.visibility="hide"
+ B3 W% v% W) ^! A* m+ G. LclearTimeout(animatetext)2 N9 T- S8 e  G* e' Y
}
* q) }  x: ~0 w8 {
3 V. U) l+ `; |( |if (document.all||document.layers){
9 c9 J* S+ R1 }5 h* f2 {6 D: [' L! }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 Z& U  _0 n; I4 Kwindow.onload = initializeBall;$ \8 f0 g+ @4 {) q
window.onresize = new Function("window.location.reload()");3 ^# ~: K- Y) O  d1 t9 x) G
}
0 J2 R1 Z( p6 e. R$ q9 p
( p& v. g% w- G9 x& O+ w8 S</script>