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

zw2004

<style type="text/css">$ f, }4 B. x' V$ \8 O
#supertext {, H$ @2 n5 ^8 |+ a
position:absolute;
, V6 D% R3 A9 S- Vleft:0;  a9 E1 |: x3 j) o
top:0;
! o( x3 `6 \( O- |; O  @7 ^" kvisibility:hide;
( |7 d5 z1 l' mvisibility:hidden;" h: _1 m9 s1 V. v  l
}/ l# @$ _  [& ~' E  u  R
</style>. N- y6 |' J) L! T: V2 Q
<script language="JavaScript1.2">8 J; a1 X! q( W3 ~( z( m7 _
<!-- 改变下的字体的大小。颜色-->
8 r  b1 }* F% d9 n# t7 }var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! B* K8 I% h: z. v: g/ K" ?( c
var hidetimer='';
0 i* C$ m& }: c# v8 r! ~- V& \, C<!-- 改变下的弹跳速度-->5 P* [7 @1 g2 g# D! z
var BallSpeed = 20;
7 S3 S$ C" R; _" Pvar contentWidth;" ?) T" {& ^. W0 m, l
var contentHeight;
; k: _5 O, ?% C8 _. G# Vvar maxBallSpeed = 50;( L8 f% B* S: h$ _  W1 F( N- o; X

6 b' b  H) _; C; N/ j  H1 p% f! M2 ^
( I/ N" b0 y. Yvar xMax;; [$ ]& n  y6 X
var yMax;
* B- c, v- v4 w6 xvar xPos = 0;4 K6 \- @; T# a4 h2 `3 X! c
var yPos = 0;. E! P  l; p. R# L5 E* A
var xDir = 'right';
* `7 K1 A* }# |$ P( Avar yDir = 'down';
5 B, M$ l) Q+ t' evar superballRunning = true;$ m. r6 p$ D( H8 z
var tempBallSpeed;7 G4 p: x2 s- w' _" g) J
var currentBallSrc;
! B0 q) e+ i8 C) _: M4 t0 W+ M5 Jvar newXDir;
; E9 z0 R5 |6 h+ A" {var newYDir;0 C/ J% u* x! A6 w
2 G3 c3 k6 W" o4 s! n. e  Y
function initializeBall() {
# z2 P5 ~2 \$ D( @( i; ~   if (document.all) {
2 i8 F$ Q# s9 z( f4 @0 ^0 S* X      xMax = document.body.clientWidth
' w  C3 E0 f/ O      yMax = document.body.clientHeight4 M! C: v3 B% F3 {% P5 r
      document.all("supertext").style.visibility = "visible";
/ f6 c' n3 l& B8 t0 D7 q* Z, E      contentWidth=supertext.offsetWidth
% Y4 Y7 i0 `. g* C9 d      contentHeight=supertext.offsetHeight
, Q. r# u; ^- `' M) M% }# @      }
3 f- w4 w7 z9 p* M   else if (document.layers) {( a2 |! }, J4 u: t
      xMax = window.innerWidth;
  _& k: A+ S# t- t      yMax = window.innerHeight;
, _. @4 B3 n$ H: Z# ?' h      contentWidth=document.supertext.document.width& e6 p4 E' s# E- E0 K: Y; f* y0 c. W
      contentHeight=document.supertext.document.height6 Q# ]6 M6 C# V( m+ x6 M6 H5 B
      document.layers["supertext"].visibility = "show";5 M- t1 w) X' X
      }" z/ S/ T% j. d3 a9 m
   setTimeout('moveBall()',400);3 r/ l: a  v0 ?. n. Z/ F- j! ]* U  }
   if (hidetimer!='')+ h/ }: {" w+ Q6 n
   setTimeout("hidetext()",hidetimer)1 u. G; z0 E! X9 d6 m8 ~  M
   }1 T4 T' K! `& c
1 u( U+ b+ W, L" d, i6 p
function moveBall() {: v' r2 m! I( K6 Y$ \! H4 L4 y1 Z7 c; d/ S
   if (superballRunning == true) {1 S' n$ n/ H3 O: S
      calculatePosition();
" b/ j* K: w9 C& Z# S4 e      if (document.all) {
2 K" ?3 S; r9 O6 r$ b4 u         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. R2 `$ k* q) ^) |         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ y9 z2 V7 o- N/ m/ X         }
" G1 y; N6 u4 m9 A" K! R      else if (document.layers) {4 b2 g- L  o+ n- Q, {
         document.layers["supertext"].left = xPos + pageXOffset;# d# [' |/ N5 o; |' g) q
         document.layers["supertext"].top = yPos + pageYOffset;8 w) ~5 J8 u0 |/ R
         }
% Y9 n1 a1 E$ v. X; @: d7 q      animatetext=setTimeout('moveBall()',20);; D: l5 H; q1 T5 e6 \
      }
% D( i! m+ O/ a+ D0 U   }
% M4 f1 D' k/ \
4 P% n: N7 [7 k$ X" ~/ [function calculatePosition() {
( u; e0 I- ~  H3 o   if (xDir == "right") {+ a8 Y" o: r- e, ~
      if (xPos > (xMax - contentWidth - BallSpeed)) {
! f- e) }6 n1 h- Y- o% M: Y5 J% \         xDir = "left";
% d$ S/ l/ [: ?8 q0 E8 S. t         }0 e- Y: i+ k" |5 o" [
      }
, H- h% ^$ g) [4 R   else if (xDir == "left") {
4 k1 k' \, M% F& b      if (xPos < (0 + BallSpeed)) {1 K! Z; Z! I( q. Y6 p
         xDir = "right";7 G4 U2 ~7 ~( J7 G' z
         }
* |' u6 V% O) T0 M      }
% w4 O2 ?. D7 w- y% d   if (yDir == "down") {
/ A; O8 [4 [( N      if (yPos > (yMax - contentHeight - BallSpeed)) {
- @! p8 `# v) x: n: m4 L/ Y         yDir = "up";; w, E' r% o2 _1 F2 z6 |
         }
9 _* n2 Z4 A( ^' x& W9 y$ H6 f      }
8 \) X8 S( m5 H- g7 V6 a   else if (yDir == "up") {( Y$ _' t$ g, a- H& u' j4 V
      if (yPos < (0 + BallSpeed)) {
& C) v' R3 X* j* T# {% v) _         yDir = "down";
4 I' e. E$ ]9 T. O) R$ L; y* G         }
4 P6 O; G; w$ }6 e. {/ d  r      }  v4 S9 [2 {1 T: m, Q& b) I
   if (xDir == "right") {
% Q) `9 t. R: G- e3 Y      xPos = xPos + BallSpeed;$ N; g6 d% |$ s4 [- S
      }, ?$ T' v  K$ {3 `- T* H& k# e
   else if (xDir == "left") {
1 _: M+ C: i6 o, C0 K      xPos = xPos - BallSpeed;
: o  `( F0 |! W- S# V      }
" b8 I# @) E5 I2 Y6 N: t! }7 C0 S   else {
. S) M. J' j4 X5 k/ Q  n      xPos = xPos;
! K( W+ o* `9 N3 E      }
* }, t4 h- ~5 }* Z. p% B   if (yDir == "down") {  Y! K2 g9 ?& c
      yPos = yPos + BallSpeed;1 G3 o7 b! ~( u3 [
      }' @* I9 A2 H" f
   else if (yDir == "up") {
% \% K0 O$ B- y* b1 h8 ]      yPos = yPos - BallSpeed;3 X: A/ `0 Y: b0 D
      }
5 g* K! k6 C' K   else {8 q5 c5 }' c/ i& |$ j
      yPos = yPos;% G( |+ t4 V% c- ^
      }
3 [! B5 D" U& T+ c+ \  q   }: J' a! x5 |4 n8 @$ h; r
2 k' a3 V$ l. i
function hidetext(){
5 Z9 z6 P* B, [, e" G* qif (document.all)8 M$ a' `6 `  B+ g2 W* q" p
supertext.style.visibility="hidden"0 j2 H2 X( D' ?. E0 |" P9 s3 n
else if (document.layers)
  ?# N# ], X; F+ `document.supertext.visibility="hide"" B# P  S  G; V1 ~& c, x
clearTimeout(animatetext)3 t& C+ X( J6 z2 w5 s$ m6 W2 ~) _, K
}" p) L& _( A6 @; |! r

$ w/ E7 W, u- P) Eif (document.all||document.layers){) R; _  C/ `" B1 N
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' l1 v5 s4 L2 X- Twindow.onload = initializeBall;: h# c* Z+ u: d# H% n
window.onresize = new Function("window.location.reload()");
4 D$ E; ^: K4 c}
! `! x7 K5 r$ L* t% L; n
' R3 y. O; c. Q  }</script>