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

zw2004

<style type="text/css">4 z. V% z7 T/ a0 V( i
#supertext {0 Y, G; L5 _5 }# L8 ?
position:absolute;
% M$ Z7 \/ ?5 i- [4 }- Yleft:0;- E( x( L( ]* _
top:0;) d. J0 \4 {5 b* B9 i1 a( ?
visibility:hide;
4 r* G$ c$ [1 Y1 p9 c; w( K2 o) }visibility:hidden;
* q! D7 f1 q" r8 |/ v( W}2 _0 w# z; ^- a- C: ?# l/ H
</style>
) P3 P' R: ]/ w  Y! Q<script language="JavaScript1.2">
3 X, H- f1 f! P) W<!-- 改变下的字体的大小。颜色--># |( `0 l  t& C9 H8 a8 B# U
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'' W) o& F/ s4 k- w( a# P* }
var hidetimer='';$ Y4 j7 \0 ^" N; T, P, ]
<!-- 改变下的弹跳速度-->0 d& Z  }9 x$ a7 L
var BallSpeed = 20;
! |; q2 p- ?3 f, T4 q* y1 ~8 Nvar contentWidth;; s9 j8 m' x$ g! x3 p1 x
var contentHeight;
& \6 e# [1 g$ w7 ]; N4 d- ]3 ]var maxBallSpeed = 50;
, x8 [4 ?4 ^( |1 U; A8 R) O( a
/ {, C  |' f7 E1 ^1 S% w+ ]
) ~& B) p, P( j4 N9 evar xMax;
& @1 H( p2 [+ ]. i, Hvar yMax;; K- W( t0 M0 v5 ]* x1 T
var xPos = 0;
$ I' Z" c* g+ V; M# Pvar yPos = 0;  X, J# g1 q0 o% Y
var xDir = 'right';
3 L2 N1 U1 |# D6 cvar yDir = 'down';( x$ ]4 h  b% j6 w1 V" a
var superballRunning = true;
: i$ _$ o7 J2 Pvar tempBallSpeed;, F; b2 I. }$ {$ b2 j& I+ x
var currentBallSrc;
8 y. i) j, q, Z: i% Z4 evar newXDir;
, \9 M2 M0 x2 [# |% J4 h9 Kvar newYDir;+ K* K$ |, k* D1 l8 c! k, r
. F( i; N! p! O5 ?& Y
function initializeBall() {7 p4 \, }5 H  S) N4 {
   if (document.all) {
1 m8 o6 d: u* \$ W' Y      xMax = document.body.clientWidth+ o0 v/ K$ M9 f: Y( R8 s/ o1 P
      yMax = document.body.clientHeight/ w6 m  G2 v! S+ r' A# Z
      document.all("supertext").style.visibility = "visible";
, m/ X' P/ k) s. y0 w$ s+ E      contentWidth=supertext.offsetWidth
' u6 X. g  n* S% L# }" S+ `7 h- a      contentHeight=supertext.offsetHeight3 z3 A3 q) \: Z7 e/ s
      }
) Q0 O# ?5 g# M   else if (document.layers) {5 F5 Y; M! u$ v; h1 z" b) H% u+ C
      xMax = window.innerWidth;
7 n+ L5 \5 t0 |' O      yMax = window.innerHeight;; f1 Y; j0 L6 B- g9 `4 z
      contentWidth=document.supertext.document.width& g1 M  \9 h, b  t  \0 m5 X( A
      contentHeight=document.supertext.document.height5 }8 F; g- i9 B" |
      document.layers["supertext"].visibility = "show";
  |+ y+ ~0 Z. {& X+ ]      }
2 k( P3 W. c, ?7 I! S   setTimeout('moveBall()',400);
% ]% A$ }( I/ F+ u  a" X0 G( E4 R   if (hidetimer!='')! U7 S$ O" V) w
   setTimeout("hidetext()",hidetimer)7 ?  m# s" k$ E+ S/ |$ y5 B
   }! |) z$ V9 P5 {4 C' Z' `, {% t

! `. L, r5 y6 X6 d8 Ufunction moveBall() {3 Q* }6 Z: O& g' l
   if (superballRunning == true) {4 {  u5 P  M. @2 l- O
      calculatePosition();! E+ T; V1 X3 P# m* C
      if (document.all) {
. b0 T- s7 e* A- j8 [# o( e0 v1 Z" A/ H         document.all("supertext").style.left = xPos + document.body.scrollLeft;- ^/ j; f- N: Z2 N: V& K
         document.all("supertext").style.top = yPos + document.body.scrollTop;% D& y0 }* N2 U7 F2 n( J; Z
         }
5 V' ?( z$ w4 g0 _: z. D! r      else if (document.layers) {
' Y. t( ]* p2 a& f# ^         document.layers["supertext"].left = xPos + pageXOffset;5 c. k3 L% B8 f3 N+ _$ D
         document.layers["supertext"].top = yPos + pageYOffset;. m5 I0 W: M* `1 _! W
         }
; z" B% t1 G( j! M      animatetext=setTimeout('moveBall()',20);9 M, M8 W; M* h* R" e; G! ^1 Q
      }* k6 u( F$ R7 t8 \7 |
   }5 d$ V- A* O8 C& O) ]) ~: z# N
( }  C7 P- h" O' {7 j% C# h- h, W
function calculatePosition() {
7 ~; {2 J( |/ y: C+ S! `. x6 u/ ^6 F   if (xDir == "right") {
& z) Z5 D4 e) B2 ?3 ]4 @      if (xPos > (xMax - contentWidth - BallSpeed)) {/ ^2 j, I' a1 s
         xDir = "left";
/ m$ J4 S% z7 q) T# B         }
8 _( ^, }% W1 r* I$ A0 S1 U      }" h% k1 u2 h4 x& Q% ?% B* R
   else if (xDir == "left") {* a( ^$ S4 a9 l4 S" v, ?+ h, ~
      if (xPos < (0 + BallSpeed)) {6 A! O! c# P9 y( J: }+ t4 C( O
         xDir = "right";, g9 Y. h# [9 I/ E# c2 ^7 c% `
         }
5 S0 h! T( Z9 V% Z/ _7 x      }
; I; Z8 [* K0 E9 X  m: ^   if (yDir == "down") {
5 T' r) ~& g: i      if (yPos > (yMax - contentHeight - BallSpeed)) {  k% D4 u, k1 A  ?9 {5 }
         yDir = "up";
( K' n! t3 ?1 N7 ^# v" n1 B         }
; o' S: U& k8 W" q4 \9 D8 P( P      }
8 ~6 G0 V9 T7 f$ W5 y   else if (yDir == "up") {
" Y9 ^$ c* x! ~      if (yPos < (0 + BallSpeed)) {
/ g3 N# |  O6 Z4 \9 `         yDir = "down";0 S/ q! M- |# u, I
         }  o6 i, z) r* a( H$ ]
      }8 o" s/ x; r' y
   if (xDir == "right") {: U1 r& ^/ a7 w: e6 ]
      xPos = xPos + BallSpeed;
& S3 S: G) Y) c; q4 ^5 a      }4 l( E4 c( H/ p1 Y
   else if (xDir == "left") {! P  k/ d( x) a/ T# T: f; F4 C
      xPos = xPos - BallSpeed;* N' {# T3 S" A2 S
      }
# i0 N& d% n5 p) v1 ~   else {
1 G( C9 t3 o: S9 L      xPos = xPos;4 k' Q* F. D7 M7 {! f( {. V
      }
4 G. ]5 S; H. M; N* O6 z   if (yDir == "down") {
' q7 l& x# _! R( X      yPos = yPos + BallSpeed;, a  \, O- o" o9 s) x
      }, C, Z( T4 Y6 B% `9 e; P2 i
   else if (yDir == "up") {
6 X# D3 Y3 i. ~) F+ v      yPos = yPos - BallSpeed;
" |& Z  j  n' v4 [- P" A6 T  ]+ w      }
- l1 K8 n1 y" Q   else {
) b* n3 C5 H2 d: x8 K( z# @) ]" F      yPos = yPos;; h/ i" j5 g/ p3 X/ y  u! Y
      }
) G. D4 ?( U$ ?+ C- _" m   }7 v( N! \9 T5 S: S; G7 p
. ~) o- y4 n+ w: f7 e
function hidetext(){6 Y3 d  m" A8 k3 W9 n
if (document.all)4 f) m( l5 b, F
supertext.style.visibility="hidden"
1 `2 B; K" f9 W) D9 Zelse if (document.layers)
  d# W( d6 w0 B1 l+ Fdocument.supertext.visibility="hide"
6 v% w6 H# m5 O( u/ {, OclearTimeout(animatetext)
& i) ^" r# L1 A7 _! e3 ~}
' S6 A3 {" H# N
" O4 p! a" c1 q  J9 c# \if (document.all||document.layers){3 L; H* h5 u" h: p, T2 m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 _) ^0 g/ q0 P4 m* W
window.onload = initializeBall;. N' I# j! Z/ s1 G( W5 b$ W
window.onresize = new Function("window.location.reload()");
, z5 |; X! }  Q7 s0 B, C}
# a9 G" i- u6 x. b* U# a7 y7 y+ j: R
</script>