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

zw2004

<style type="text/css">
) I7 ~8 ]# z" `& }#supertext {
. a" s, W7 L, yposition:absolute;
: j: H0 A( y- y% P; E' z# C' vleft:0;0 Y" X4 F1 M3 S* B; P
top:0;
0 u2 c( L& i3 V, Y1 k( u, Y7 Dvisibility:hide;
( p# P! }- T8 k3 Z$ a$ N" xvisibility:hidden;
% h3 @/ f% H" p9 C& }& w5 z}
4 T1 P, u7 ~- i) m$ S</style>
" X' P& F  J) G5 T, _1 h<script language="JavaScript1.2">: r$ q  f; ~; k! K
<!-- 改变下的字体的大小。颜色-->" b9 T+ M  _, Z; _1 ^  T. I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ Q) h: r2 |; c" W$ _
var hidetimer='';
& z" W; f2 U* v9 e1 \: p9 u<!-- 改变下的弹跳速度-->- J9 L5 ]$ O* u# H
var BallSpeed = 20;( M7 v' Q* B6 J1 `' Z
var contentWidth;* C. S% c' C! E/ ~* }3 l# l
var contentHeight;/ ]) b- C% t8 k
var maxBallSpeed = 50;7 J0 R! x3 ]" j* j. Q; D

6 w: r9 O$ C2 c2 K
1 v: }1 W( O& f9 h: F9 jvar xMax;
% g: d1 a& s% s- H% Mvar yMax;
8 K2 z- R* L6 c% _: {' jvar xPos = 0;& W9 w1 z! e; ~3 i
var yPos = 0;2 f: L1 j* n- M1 H. t5 `
var xDir = 'right';* j$ y  o% i  E/ y- z
var yDir = 'down';
1 d5 o- D! {, \% e; `' Pvar superballRunning = true;- Q& g( f3 G/ i" D! s! i
var tempBallSpeed;/ ]8 b7 \( X) d) m2 C3 P& w! i' c
var currentBallSrc;7 O, S; S) }* _5 A& f
var newXDir;3 a1 g- W1 I) m9 E; d' N$ `
var newYDir;! i6 x6 y! E; y. M% m% H5 Z
# C; Q" t& j8 G+ h9 d2 H* X
function initializeBall() {1 }" z4 L( c9 ?' v  c1 r: z
   if (document.all) {
4 G! k5 p5 t% P- F: D      xMax = document.body.clientWidth
) t% f* i' \' ^' r5 E7 T      yMax = document.body.clientHeight
! `/ m  X2 r! s' h+ @1 |      document.all("supertext").style.visibility = "visible";3 b0 _. s" Q0 g5 g
      contentWidth=supertext.offsetWidth
* y" j. ]. b0 ~2 f' k      contentHeight=supertext.offsetHeight+ E0 n/ l: O7 ]4 H
      }
7 `5 ~, B8 d( G   else if (document.layers) {& Y3 v5 w0 y. P6 d' R% {# c; _4 ^
      xMax = window.innerWidth;
  m; w! D0 W+ J! V( O. g, C: c      yMax = window.innerHeight;4 E( \. q( X! P6 x  z
      contentWidth=document.supertext.document.width
1 T& z- t0 l  G* O      contentHeight=document.supertext.document.height3 }. W' l9 I# ?  v# V
      document.layers["supertext"].visibility = "show";9 g( r7 W; g& v, h
      }
8 v: P" X- U; E5 e   setTimeout('moveBall()',400);4 ~  A% e2 U9 w3 h, \
   if (hidetimer!='')
; t. w0 ~( b. y9 E- d4 w   setTimeout("hidetext()",hidetimer)
# b) a8 \. M: y: R; ]& a# w3 g   }' a6 r1 q+ G0 }$ o
. I8 u& e6 i; Y9 s/ @% X% @
function moveBall() {
; s6 J/ q& [: f% P! H   if (superballRunning == true) {2 X- `( V3 ?2 x8 M: Q% Q
      calculatePosition();9 e+ @- x/ O9 X5 U. n
      if (document.all) {' }; L/ L2 |  I+ [$ P
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& f! K4 D* o2 E6 F         document.all("supertext").style.top = yPos + document.body.scrollTop;" l8 _1 B: r7 a' S0 b0 s
         }# _4 R) _+ t  `5 ~  j3 m
      else if (document.layers) {4 F) h+ n! x9 y/ g( W7 K
         document.layers["supertext"].left = xPos + pageXOffset;
; U$ k. ?) [( W1 \& @3 Y         document.layers["supertext"].top = yPos + pageYOffset;
+ C2 X4 Y# P( ^& u$ F9 X0 I1 T         }) u1 d; ]  D3 ~2 r. \
      animatetext=setTimeout('moveBall()',20);
0 P+ X. K! Q; q# x      }+ i$ Y  T0 g; a  G3 Y; ]
   }4 P  W& h6 A/ c$ \; f: \( Y

$ H) r+ F- X3 V+ j4 I! A% }function calculatePosition() {9 j; m$ J0 k0 J; F) Y- b
   if (xDir == "right") {% d6 F4 e7 @- O0 n# q0 o
      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 F7 ~5 F- @7 k         xDir = "left";7 C0 X7 y1 j' P# M2 X. t8 x
         }4 o% C. G+ V8 y# [$ E; ]
      }
7 X  o/ b+ h7 T" _; u   else if (xDir == "left") {
- O) e6 V/ m6 o      if (xPos < (0 + BallSpeed)) {
* G0 C8 K: F5 X1 C( w" N         xDir = "right";
; V3 O/ _% y; F( R' @         }
6 e- ^6 N# I6 x) X0 m      }$ M% z% G; i4 L2 [
   if (yDir == "down") {
$ f+ b! c1 J* T6 D8 V      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ ~  S. a. S: @' S: c* l) W         yDir = "up";5 A0 Z6 p, ^5 F% G+ S/ b& X& d
         }
: ?" {! E7 D5 J8 Q6 k( U1 N* z. m      }
, N% Y- c( K9 K* o' R   else if (yDir == "up") {& E. J: B1 J1 {
      if (yPos < (0 + BallSpeed)) {
8 W* v: k$ }. x; M# b         yDir = "down";
$ j* ?# v0 q, s; |5 U         }
# L5 {( P! F- s. E. L( q# u! E6 U9 w      }: C; H, _/ n$ M7 p- [6 ?
   if (xDir == "right") {8 d" H" C8 m6 {
      xPos = xPos + BallSpeed;
1 p. Y. n7 M# L3 ~, ?( L      }
) Q; l: C$ O* d, K7 l; a' g   else if (xDir == "left") {
% J8 d+ X, U/ k      xPos = xPos - BallSpeed;
; A1 ^; f' `& m# `, X5 @! [7 X      }
7 e  b& W9 e2 p6 \- Z   else {
& r0 J) Z# d) s( A, k, ]6 a  D      xPos = xPos;
0 L* E/ @1 @( q      }
2 L% u# `% P; j) T/ r: V, u   if (yDir == "down") {
3 G4 r* L4 U# T* t) a/ p      yPos = yPos + BallSpeed;, u- E) V$ o, t  [
      }
5 l2 z- M$ a, z- W% q% }   else if (yDir == "up") {
* V& |& k4 Z  l: |) \5 ?  g      yPos = yPos - BallSpeed;
3 c7 u4 B  }* E1 Q0 e8 ^      }
! R* w' E3 M8 C: K   else {. a5 {& t- l( R# F* V, f0 x
      yPos = yPos;
, W# k: b0 W. m) ~/ Y9 ^, [      }' I% |" R: N, S8 `4 l
   }, Q' [0 b6 w& Z% ^

; Q( E' A6 \! afunction hidetext(){
3 H3 q  k4 d8 P; H6 p& {if (document.all)/ P: ~! H4 p" @" i
supertext.style.visibility="hidden"
9 f0 B, G) x% Q1 r& ?9 zelse if (document.layers)
' ^! G& Y3 \; D7 Q2 V) R2 J8 |3 Odocument.supertext.visibility="hide"1 s' z8 D. o% h: G
clearTimeout(animatetext)
( z# L; j4 k9 B2 z" {+ D}
8 Y4 |: ~0 x2 P  ?2 o3 ?$ a# ]0 `  U4 p1 Z( s
if (document.all||document.layers){
$ K" u% w9 d8 |$ X  Q! F& Q- x! }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' X) j& V3 q9 @! e
window.onload = initializeBall;# P! u* n" Z' T9 D. d7 K  l& F7 T
window.onresize = new Function("window.location.reload()");( N- X* {, l2 N- K6 a
}' }1 ]9 b9 a: G' V! X( i3 T
& l) f* F2 r+ m3 X# z' v4 X9 M; G
</script>