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

zw2004

<style type="text/css">3 t" p: L5 F# y4 }8 {7 _# w7 R
#supertext {
9 L' m5 d- V5 O* f) S/ |) `% _position:absolute;
" Q9 u. W; f0 Nleft:0;
1 k5 J/ m4 ]$ Z" h1 ltop:0;$ g! h3 a8 t! x7 _' I* E* m
visibility:hide;. L: ?) K+ ?* r( a, u+ R: ^) y3 {
visibility:hidden;
" z) v1 \: l* L/ I2 V( O}
9 v, c. R6 T1 t9 ~/ T, @</style>
1 j# K3 N/ W- [: _<script language="JavaScript1.2">) X  {; }5 T# M
<!-- 改变下的字体的大小。颜色-->* ~* c. J2 y) v5 X5 \
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 [4 s  u: M6 z* Y) m4 h
var hidetimer='';
1 t3 F& U# K6 Z<!-- 改变下的弹跳速度-->
7 S/ E4 @9 I9 Z" `; A- ?2 V+ D$ u5 xvar BallSpeed = 20;0 y8 _; f+ T" v4 U$ Z, w
var contentWidth;& `+ G2 p9 t  H0 m( j% g4 @  D
var contentHeight;5 F+ l% r" o5 J! M* y" R- b3 s8 Z: i
var maxBallSpeed = 50;, E  j& u5 z5 g- Q6 k, y$ ]

7 f, y9 j% [7 f( k( ?( m/ L4 _6 E3 C  `
var xMax;8 E! N' i. V. m2 v
var yMax;
* B5 K% D* o  uvar xPos = 0;/ W& Y& C" G( [5 D1 P
var yPos = 0;' c- G7 h/ k7 f: b
var xDir = 'right';. \' l, d5 T) N* r
var yDir = 'down';& R2 p& _- D" F, i+ ?2 @
var superballRunning = true;" Y- Y/ w. M- J  s8 V% u$ j% X
var tempBallSpeed;5 d" w8 C) K7 |* k2 ?4 {/ s9 @
var currentBallSrc;- ?0 t4 e5 G2 X/ @: n1 l1 l% _
var newXDir;/ b& Z" d1 e8 \
var newYDir;
6 ?0 M5 r- B! d1 \2 H$ H0 [) Z. ^. b: n- {; p
function initializeBall() {, m; ]4 ~. i: L$ [6 [, [1 b
   if (document.all) {
8 x# P  i4 m7 W; `" A      xMax = document.body.clientWidth  S" x- m/ r( H" k
      yMax = document.body.clientHeight
+ p/ ?) E7 w" m      document.all("supertext").style.visibility = "visible";9 r4 t+ ^/ V8 }
      contentWidth=supertext.offsetWidth" i$ q0 s; y% x& J. R
      contentHeight=supertext.offsetHeight
6 P  K: x3 x6 Q8 }/ N      }
+ k( L" J8 C. G6 @& B2 A   else if (document.layers) {  B6 L7 Z) F' g+ w
      xMax = window.innerWidth;" k9 `$ h/ M; L; f6 }7 ]% d! G: Z0 I% D, v
      yMax = window.innerHeight;
# l1 b! L. Q; t4 Y# v      contentWidth=document.supertext.document.width0 T0 F* j: J+ o. [2 e
      contentHeight=document.supertext.document.height) a3 x, H0 z9 B; z. V9 S
      document.layers["supertext"].visibility = "show";
& P5 E+ ?$ T. W      }
/ }5 k  t, ?- G9 \   setTimeout('moveBall()',400);
) C1 x, G8 ]: _& y3 g   if (hidetimer!='')
9 p; R5 o% e6 W" k$ m! I) ]' Q8 g   setTimeout("hidetext()",hidetimer)
' o. t# I4 f5 B4 G5 \5 a& ?. Q2 z   }
3 C3 U6 o2 l% ~# e2 K: J* |9 d8 b6 ~9 j* _% E% n6 Z8 l
function moveBall() {  h: L: K8 n7 |  T
   if (superballRunning == true) {) I( p5 N7 |) s- a# h; z, l8 ~: v# O
      calculatePosition();
) k! E2 k) F/ _5 u8 }: Y      if (document.all) {
3 K. I: f( z- x7 f- k& Y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ w. c* [) W% l# E+ N4 ?; }  w         document.all("supertext").style.top = yPos + document.body.scrollTop;
: p& c. {: A, q* A         }
; |; u4 E' z7 P      else if (document.layers) {* w: U) c7 w" Q/ D6 t
         document.layers["supertext"].left = xPos + pageXOffset;
+ a& e% Q# V# |! P3 H0 P         document.layers["supertext"].top = yPos + pageYOffset;
# d! e* G+ U, _$ b$ s$ |( U         }. v, h$ c' U7 Q
      animatetext=setTimeout('moveBall()',20);# q9 L$ z; M, F! R% w& p
      }
2 z+ \  O! b1 k1 V   }
4 t8 G$ O+ D* L1 w
3 h5 B/ @$ W; j% ^function calculatePosition() {
3 t+ X3 N7 Y' e; m   if (xDir == "right") {
; U: W6 k1 w6 E      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 Q, f5 n) Z8 C9 y0 S* `         xDir = "left";7 _' N: j) b' n1 x: l' ^7 j" c
         }1 d8 e* }5 @0 [' s
      }+ e, w# Z  ]! m1 |9 L4 q) [$ v
   else if (xDir == "left") {
, p" g( i, r  t9 U3 G1 O      if (xPos < (0 + BallSpeed)) {
% A6 S  u9 t% s, @2 g% Y1 u  W         xDir = "right";
5 t& W4 m* {: u; Z* N! L/ z# y* u% u         }
2 S* h. u1 v9 ?3 J9 D      }
- Q8 r% ]4 E# s5 N   if (yDir == "down") {% l# C" `2 _  q; o
      if (yPos > (yMax - contentHeight - BallSpeed)) {
& w( d; X3 v) \9 b+ z         yDir = "up";4 j" f; E) j3 Y6 X4 B6 ~! |9 Z
         }+ W9 p: {5 R) |( V- B1 Q1 J, l
      }
( L& {# n+ y. w+ n/ d, w   else if (yDir == "up") {  B/ `+ l9 l9 T- U. S/ t3 ^/ u& m
      if (yPos < (0 + BallSpeed)) {
* s1 ~& D/ R& D0 B% L5 J3 @         yDir = "down";
- ^/ t# S: T- D( K. h7 k         }4 F. m. L# a1 k1 K- H3 ^
      }4 t. X& G; x! g+ I5 ]5 l
   if (xDir == "right") {5 M" I  ?( ^8 f! Y
      xPos = xPos + BallSpeed;, l, X' ]! P2 ]% {- S. V+ [
      }$ e: i; x+ Z3 y6 N; R
   else if (xDir == "left") {
; u1 L* Z+ a1 |9 n. S0 H" M1 y      xPos = xPos - BallSpeed;; o- Z* O4 z3 q  C, C+ P' z9 S
      }9 G+ V& g2 m9 F( o& B7 y9 u! W1 ~
   else {
8 m5 |2 U4 u5 r      xPos = xPos;& w8 \8 k/ Q# ~+ O
      }
! g1 ^5 ~9 [3 o, H7 v/ }5 K( G   if (yDir == "down") {
! m9 W# }! s3 q: c5 k0 ^2 _$ e0 i      yPos = yPos + BallSpeed;1 s- G1 ]" u/ m0 Y9 f' V
      }4 _8 l( L' e. v! O7 N" @, n  [. M$ R
   else if (yDir == "up") {
2 m. Y/ {9 H) e4 h( e& b: I- ]      yPos = yPos - BallSpeed;9 H( Y2 G8 j" G
      }
2 a3 ~+ C2 ?0 ^' F7 ]; J2 t4 I4 Z& Z& ]   else {4 W  s8 v. c. |8 F$ \( ?: o
      yPos = yPos;
! f  x  y. L1 C) L7 ]5 e! c2 ^      }
% ]+ ^/ I. U, W+ y# Z4 U( t   }# I2 _' m% Y( q4 I6 \* J, w. R, O8 z

$ s& N" S% J: z- O2 `function hidetext(){; m9 L  k4 Q, V9 X: l6 K0 l
if (document.all)
% T9 G. C, N( V6 Y1 j* ~supertext.style.visibility="hidden"' U/ N* m; L- h5 x, c1 R
else if (document.layers)) K, c- ]8 Z1 N* n, U, e
document.supertext.visibility="hide"1 n" v: x7 R, h: u' L7 a
clearTimeout(animatetext)
8 _+ `, X9 x4 ?4 l}
, y" p3 n% [* x# `6 n- x' [3 ~' P/ Z4 b
if (document.all||document.layers){2 ~  [9 C+ z' }7 `  y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 `: d  i5 ^. _* Zwindow.onload = initializeBall;& K( j4 I3 s, M
window.onresize = new Function("window.location.reload()");
: @+ m: d, m# G4 g}
/ [5 g: p! Q' e! u+ ?! O6 S" B* k1 @2 m  Z/ p7 K4 F
</script>