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

zw2004

<style type="text/css">
+ p4 a. \7 O! B  Z7 d2 ]( E#supertext {
2 ]8 j3 z% @/ q* z7 S- {3 ]8 ]4 Oposition:absolute;$ q/ t9 R% D# Q8 p7 ]
left:0;
1 T! p0 @! h  K" C; b9 Y% v# Etop:0;
- w2 m. x# S' ovisibility:hide;
3 Y& b2 f6 i7 C/ avisibility:hidden;( n; t- S% Q0 J
}
  t5 _: h' [9 T# a8 x. `$ z</style>' W' v' E7 u) U5 \6 F9 t
<script language="JavaScript1.2">
, t! {1 R8 @$ @5 K/ h<!-- 改变下的字体的大小。颜色-->
. @( Q# A/ w# i4 T+ N) Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 B7 m1 I6 p* [; ]* y2 f
var hidetimer='';
  L# G* D1 U# F; I' S+ D<!-- 改变下的弹跳速度-->
3 |2 n  c: d2 a0 E" o& Ovar BallSpeed = 20;  O7 c* C' ]4 }6 |- E
var contentWidth;8 Y) U2 a" R, @, h- o; A
var contentHeight;6 M, |. E# J5 p2 K; \" }
var maxBallSpeed = 50;& ?* H8 B, b9 t+ O" L& y
6 x) R1 m' Z" t( G( N7 C5 T
: |+ J* Y+ H( E0 b0 e6 y6 U) T
var xMax;
& Q1 ]1 K8 a  V( K( _5 q- xvar yMax;
% U7 {" }! e' d& _  {8 \3 z' V1 pvar xPos = 0;
( g# q" s; }5 s' v7 q  O& p2 _" Svar yPos = 0;
' N" x5 \5 b! |. Rvar xDir = 'right';
. R: N; \1 e+ x) Xvar yDir = 'down';
$ E8 q' {2 S1 o) U! W* Q+ Nvar superballRunning = true;0 b0 {* b3 I' O( D6 ]& x
var tempBallSpeed;9 A, \. V4 R' ?7 }) b; X- w  A
var currentBallSrc;
) A' r( [7 {, S) Evar newXDir;
) Z8 W8 K" W, w) p8 f& ^var newYDir;
& e/ k1 ^$ |$ Z% t& i( @4 a  [" w3 L; L" P
function initializeBall() {! y4 X* S2 H$ g* A7 B3 P
   if (document.all) {9 E. A3 r2 `* X+ e
      xMax = document.body.clientWidth4 p5 L" [5 v1 R* ~+ h0 J8 L/ o
      yMax = document.body.clientHeight- ~. M! T. j: ]
      document.all("supertext").style.visibility = "visible";7 p2 x% R) R" w0 U; N- Y
      contentWidth=supertext.offsetWidth% @2 W# g5 L6 ]! X- I5 O; @
      contentHeight=supertext.offsetHeight
! \5 J# [3 R- K- }3 K* e& {0 q* Z7 r      }( x2 t5 u6 B2 [" Y4 j/ T# H* E+ ~
   else if (document.layers) {3 _8 R5 s( x* C7 d, r& t& A% B2 T
      xMax = window.innerWidth;
/ @$ W, b3 G' c6 T1 a; B) w      yMax = window.innerHeight;
) T/ K- _- Q4 k  U7 D  G8 I      contentWidth=document.supertext.document.width
. s5 B* Y$ F9 x' ^      contentHeight=document.supertext.document.height
# ?- c) e% p- ~" N      document.layers["supertext"].visibility = "show";/ ?. l, Z6 m( E8 c3 E
      }
# z3 O" y. ]: _7 z   setTimeout('moveBall()',400);
0 C2 i! ]) x3 N# U2 G   if (hidetimer!='')
' {! c5 {, @# c0 c. L; c3 x* G   setTimeout("hidetext()",hidetimer)
7 P# ~8 c& j# }- X2 d   }
4 y$ j! x  k3 N# n8 M0 V4 M# _7 b6 e, v) m- {
function moveBall() {
; J( i" _3 `$ D, I" i   if (superballRunning == true) {' @2 M, J7 G2 N' }' O( {
      calculatePosition();, O/ P  C9 }- R# }
      if (document.all) {3 d9 |) S/ e' M+ }. [
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 \/ C5 E7 F" j. r; F6 o         document.all("supertext").style.top = yPos + document.body.scrollTop;# U( E' {3 O8 H% Z" K) z  Z( {
         }* n8 R. y& `/ w( V4 g
      else if (document.layers) {
. P8 \% s' C: ^/ T; u- F         document.layers["supertext"].left = xPos + pageXOffset;0 [# H( `, ~/ j% @& ]
         document.layers["supertext"].top = yPos + pageYOffset;
- j' V) c: b. h* m: t! n( ~         }0 v! s  q4 P6 y0 D
      animatetext=setTimeout('moveBall()',20);
0 X, l* h' v3 M- _% {      }
# G% }4 w* g" ]# C1 t, r" z   }
$ {6 ]' `6 v, R, D! Q0 X; P1 n( M
function calculatePosition() {8 s3 N0 Z& y/ w/ F! ]
   if (xDir == "right") {
8 @3 |8 R' u/ g) h; w7 n      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 M# a2 a0 A( Q+ n8 u         xDir = "left";
! k: _0 ]5 i8 h4 p3 j, f* k/ {         }
& T$ x: W) O. i9 S( J      }
& _% ?6 ~3 ~+ b( y6 G' H) P# Y   else if (xDir == "left") {& c" g9 N5 ?5 y6 v
      if (xPos < (0 + BallSpeed)) {, s: |  ]" u/ Q+ K4 {
         xDir = "right";# y- i2 x5 G& R2 ^8 m, Z1 `7 }
         }/ C0 D9 M- k( Z/ w) ]
      }
1 G" ~6 d% P" b* T   if (yDir == "down") {
2 m/ w3 r1 r1 b. F! W% n9 ~, D, m/ X6 C      if (yPos > (yMax - contentHeight - BallSpeed)) {- S6 I; R; O$ G+ X8 B
         yDir = "up";" t6 |' \+ E) ?2 R# N
         }
7 d6 S; T6 f3 P+ C3 r; p      }/ s4 D; u) M* }" F4 r5 q
   else if (yDir == "up") {
+ D2 Z8 ]" M; q0 p/ H7 Q  f" J      if (yPos < (0 + BallSpeed)) {
' m/ R# G7 @* r) K/ Y9 \. m         yDir = "down";
3 ^+ ]6 O# Z/ ~" `/ G  e* k         }) e& m  X/ x( h% [# f/ Y* p" R
      }$ y: a; Q% J( R4 \/ B) E
   if (xDir == "right") {
8 c$ R; w5 d: L* M7 V" ~      xPos = xPos + BallSpeed;8 b2 E- u9 x3 ~9 R: j: B6 Y' A
      }# l" T) E  K+ Z& w. F7 M* ?% E
   else if (xDir == "left") {
+ y' w/ K9 N9 `" b" _      xPos = xPos - BallSpeed;5 @9 |* Y8 m5 ?( B- H
      }
9 m6 b5 `5 ~8 y) f4 `6 |& v; v   else {- E: z0 R- H$ G, L
      xPos = xPos;
* b+ e$ k) }$ a  z& e2 C3 Z      }- ~" U' ?4 m1 }) D; c
   if (yDir == "down") {; \+ r( S. C% [. ]" b5 M
      yPos = yPos + BallSpeed;
4 ^! X) d8 e& m' h  @% o      }4 N* R! z9 `8 H1 ~% _# ]
   else if (yDir == "up") {+ [) |) Z) v5 D, d9 C
      yPos = yPos - BallSpeed;4 R7 [9 g* O- f: R" g
      }5 ?) v! t" Y6 K" j2 O# P
   else {7 A2 f5 T+ p1 b5 J1 V7 z
      yPos = yPos;
7 \% }6 I# I6 Y, W6 d# O8 k      }
- f9 y- G2 V; v" O7 I   }
. J8 A6 n0 J: v8 b/ D1 c
" x- E7 D2 D8 L, ofunction hidetext(){- r) `2 X6 q* N, @. i5 M0 U2 ?
if (document.all): s9 [) x% A9 Q  @( m
supertext.style.visibility="hidden". }* E; \# j( c7 d6 p2 G
else if (document.layers)
: q1 b4 [  x) r! ^3 {) x" g0 k. Bdocument.supertext.visibility="hide"# m# a5 I/ Q* S. S$ N& X
clearTimeout(animatetext); j# q" H! F3 ]' [$ S, ]3 S) r) F
}; J0 C5 T' d1 v8 [) K0 Z
2 J6 h0 J: R$ P: ~4 s8 A9 _1 ^
if (document.all||document.layers){8 q8 Y, z( k2 Y' m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 P! l  t, _# W! H& F* C1 T  uwindow.onload = initializeBall;5 E. Q1 v. b) f" g
window.onresize = new Function("window.location.reload()");
! i" W4 s0 g% A8 x  T2 V}$ J0 Q9 B7 r2 l! ]* u

7 ^) A, O, h& A0 z" m: Q* K</script>