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

zw2004

<style type="text/css">4 w: d2 J* E5 d; A+ [" j4 ?
#supertext {! I$ f& F4 c9 a$ P" G* {
position:absolute;
7 n; O+ c6 |5 D8 f: Q7 Y' D4 Gleft:0;( T: x' u: X5 i* }: H# C
top:0;
2 M, w4 ]7 [% g2 F4 mvisibility:hide;1 F8 W: a5 q: T5 G
visibility:hidden;
8 K' f8 R0 X/ T, o# ]: H4 Z}
/ E$ z5 ~5 b1 h  w+ H6 K9 Z</style>
0 @4 r. t" N5 T* @3 \6 X* `( N$ R<script language="JavaScript1.2">
( B% @3 F+ y$ f<!-- 改变下的字体的大小。颜色-->$ g. Y) X5 J+ @( Z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" _% X" ~7 g* y' avar hidetimer='';
+ a* \7 p+ d- g7 T4 R8 F+ X<!-- 改变下的弹跳速度-->2 y, |4 R7 p& R& }
var BallSpeed = 20;+ b) |9 T5 G# \5 E6 Q: w9 G- }
var contentWidth;6 \/ p  H" U: t7 m' }
var contentHeight;
. k$ _9 N) [# i* H& tvar maxBallSpeed = 50;; C5 q6 f1 y8 j
4 C1 B. s( U) s
( _6 V6 a, |/ J5 M/ r1 l5 i
var xMax;
7 M, u- Q. S, S( a0 svar yMax;& f, O' O( f* M6 z8 B! P5 w- y4 N/ u/ {
var xPos = 0;
+ r  ]2 g7 l# b8 Y3 ^var yPos = 0;
9 I3 [" O2 B1 C, p+ [0 \4 J7 `, [var xDir = 'right';  Y1 F0 w% ~: c# M9 l1 I% ~4 w
var yDir = 'down';
; c, d- n. ^7 W4 n7 Kvar superballRunning = true;( y+ B" B: |9 O; c$ C: b6 M
var tempBallSpeed;
1 m, _' z- j6 E; P1 Rvar currentBallSrc;' z" c( K  D9 A9 r0 p! a
var newXDir;
: x! C! \; r0 p3 Rvar newYDir;4 W7 M( K/ S+ B5 }4 U, z, i5 s
; H. A+ @- y2 y0 g
function initializeBall() {( ~% L% T4 _. i; J( L
   if (document.all) {) _2 J/ e' V0 ~& ?- `$ Q8 E
      xMax = document.body.clientWidth
8 Z3 x* v. g. I) g      yMax = document.body.clientHeight
8 |# g7 x$ Y$ L; q+ r2 n      document.all("supertext").style.visibility = "visible";: M& o0 E% v0 u; N5 c$ _% n- H
      contentWidth=supertext.offsetWidth0 X! t7 d$ p' @) [$ a7 H$ K
      contentHeight=supertext.offsetHeight
- O1 S8 @% g! j      }
6 N3 |# n4 F& N9 S3 H   else if (document.layers) {
& A( U. b  b8 g* {      xMax = window.innerWidth;/ _9 j8 P; ^* _' v3 T: d
      yMax = window.innerHeight;! e3 i  q7 i  V2 I/ }) C& M
      contentWidth=document.supertext.document.width
7 p/ \: J. W- W# O( S, C. Q# N( w      contentHeight=document.supertext.document.height9 B8 w) E( N  {" L! R5 D% k
      document.layers["supertext"].visibility = "show";* C4 r' V( q+ ]+ Y' @" r
      }
. O1 z9 l1 h4 Z4 `   setTimeout('moveBall()',400);* s. t$ s5 m/ p2 E; e2 W# e, Q) ~: E7 z& h2 \
   if (hidetimer!='')
5 F% ]3 R9 P) F) p3 [   setTimeout("hidetext()",hidetimer)
: w2 W# a6 s2 L* n. i8 ^9 O   }8 k- C" ]3 |5 p8 i! V8 J
. G5 d" S% @; `  M- o6 l
function moveBall() {
8 l9 u8 p& U) x& G   if (superballRunning == true) {
; R/ F" v( b# V0 _9 F0 }8 R      calculatePosition();
, T* ?2 N0 M. ^# ?      if (document.all) {
( G# k8 l9 x  X         document.all("supertext").style.left = xPos + document.body.scrollLeft;& T& n% W9 f# \0 c- y
         document.all("supertext").style.top = yPos + document.body.scrollTop;8 N+ u; E3 C1 }6 g/ I" f
         }
3 g$ L- b& }) L- O6 J0 u      else if (document.layers) {- w/ F8 a6 l  M" l, U
         document.layers["supertext"].left = xPos + pageXOffset;
5 v  ^0 q+ `; u, x5 V( z, d$ F         document.layers["supertext"].top = yPos + pageYOffset;
, h; @' y# u2 i+ X! e         }. p# [% u% S) U0 C1 O9 F, W
      animatetext=setTimeout('moveBall()',20);9 X! a" C( m5 f8 Q( B
      }
$ C! }1 S& A' r" K   }
+ H- I" W5 L" P1 N7 o# o2 T. T
3 w+ G, J% q" l5 e& C9 a) S9 O: [2 Ufunction calculatePosition() {
  [0 M$ b. x  Q& g4 s   if (xDir == "right") {
0 F! _8 e. C6 D      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ H; R. G+ o5 z2 _* t         xDir = "left";8 n' S7 A+ F& f, N: I, \
         }6 a; W1 c+ Y2 D7 q
      }
# t' O- J8 v" u8 Y! G   else if (xDir == "left") {
+ k2 g) g2 i& G      if (xPos < (0 + BallSpeed)) {
6 l8 L6 G3 L: A: j. P  @$ \6 t         xDir = "right";
0 V( s" t; U3 i         }
; f3 n6 u: v& q$ B. c- F      }3 A: e0 h+ p7 N, p
   if (yDir == "down") {
4 O8 R) d6 m2 x  Y      if (yPos > (yMax - contentHeight - BallSpeed)) {, K& \% }+ u1 F5 F
         yDir = "up";
4 O( G7 k5 q! }1 b/ O% h/ q2 r; Q  ^# o         }
2 \9 ]6 B+ Q3 f* a2 s6 u' \      }; Y2 {7 u: P  R
   else if (yDir == "up") {
  J6 a$ o" @) V5 i# i( ~( B# p      if (yPos < (0 + BallSpeed)) {, X) M2 ]7 k& @$ ^, d
         yDir = "down";+ {3 p1 W7 d" @: J& R9 y2 N+ ?# A
         }
: }) ]/ g  G' }# ?: T      }0 _* y, s8 G$ g! e& A3 T
   if (xDir == "right") {
. r+ [; Q8 L5 E7 p9 ~. l2 [1 R2 z9 U      xPos = xPos + BallSpeed;
3 v6 B! y/ \% y" C) _5 ?; f4 v$ t      }( Y* t. t. u4 ]- v
   else if (xDir == "left") {8 F6 Y4 C' Y6 t1 n! b
      xPos = xPos - BallSpeed;( W/ k3 b! y  F& z& w
      }
- h8 S+ l& z: y; ^3 F1 j: I$ O0 u   else {: y6 s6 n2 I3 Q. C7 n1 ~
      xPos = xPos;
/ W0 a2 `) J: Q      }
4 f  \& Q( j( \" W   if (yDir == "down") {- V* {( y9 I/ i: H' G  ~1 U- \% L
      yPos = yPos + BallSpeed;8 U4 S: Y+ {7 z
      }
- V: R3 O7 n$ ]  E+ z/ o9 T   else if (yDir == "up") {5 U8 s# j9 V! Q  G7 n$ k$ d
      yPos = yPos - BallSpeed;$ {- X, \4 ?: [% y7 Z
      }
2 O0 V3 c: E1 W9 M8 _/ T  W   else {
2 u) C  s, C* Q) E7 }0 C      yPos = yPos;
! R/ Z: J1 {* |; `$ |, J, a      }1 r1 X5 \) J  L0 G; n
   }4 p- a7 Y* a; S" t% o1 H/ M

1 S' _6 ^3 R/ E1 }! ]' t$ xfunction hidetext(){
: [. L2 b3 x( n/ _) bif (document.all)
) T) n, i4 N4 b0 Asupertext.style.visibility="hidden"2 ]6 A, K7 I  E1 N  L# W+ K
else if (document.layers)
: \; H' k9 }, r5 r3 ?document.supertext.visibility="hide"
. l* S* s; j! `2 h/ g3 }clearTimeout(animatetext)
0 z4 B( ~' n0 q3 h}
+ Q4 f5 J( z' J* P7 O
% l: G1 c' z3 t* T0 t* c- uif (document.all||document.layers){
* r! N) ~# Z6 d% z9 T9 hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( D# A  G5 E4 i1 G9 r& B
window.onload = initializeBall;
- x" S% G' W0 t. C# awindow.onresize = new Function("window.location.reload()");1 i  k8 d3 Y2 p. |- l4 d4 f! v; P
}4 r  P8 m9 f+ \

' j8 C0 P# p5 c; B4 X( [) ^</script>