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

zw2004

<style type="text/css">: u8 T$ u7 ]) O" `9 K7 H9 [# R
#supertext {
$ f5 ]( p% a$ p; R5 R2 X8 \position:absolute;2 S8 L8 }8 V4 M, F# B* ?  @
left:0;
3 ?2 b* Z- D: ~7 ]. k/ D! D, Etop:0;# W. W) o3 l& I; `% F  M( \
visibility:hide;
8 D! m% z2 Z% z$ }5 D# ^+ ^visibility:hidden;
: Y0 T; U$ o4 I) {* z}
+ W0 P- \9 c1 W</style>. i$ ?( {1 f% ?
<script language="JavaScript1.2">* e# d% D$ Z0 a! ]2 ~
<!-- 改变下的字体的大小。颜色-->5 M1 f0 e+ \. c: ]
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 ?! u1 ~& t$ |2 B: ?$ A+ k7 i# c* _var hidetimer='';; N$ t4 u: V  i2 A, Q8 V* P
<!-- 改变下的弹跳速度-->! i6 {3 n2 ]3 j+ t& z) {6 {$ m
var BallSpeed = 20;: o( V# k$ Z5 y# A
var contentWidth;
) G9 B6 U7 P- [4 N& jvar contentHeight;
; f, P+ k) c0 q: o1 U) {7 }var maxBallSpeed = 50;" u8 u8 }" ^+ t  A+ B- |

5 r7 [7 u. @% V
+ q* M  b" r% J$ x' M+ k& |var xMax;
7 i# |1 f% n: Z9 p# x3 r/ u& M" |% Bvar yMax;7 h) U0 o* t3 m5 A
var xPos = 0;6 p- ^/ Z7 c1 ~: T% e! g  _  m
var yPos = 0;# d* B1 O" `2 y% }0 q* a7 g: }0 |
var xDir = 'right';( M' H3 S4 W/ L- G" A% z5 n) z
var yDir = 'down';
9 F- M& F& b! Y2 A& b! \var superballRunning = true;
  k0 j* D- h! W/ J! H$ S. Jvar tempBallSpeed;
& d4 `3 a8 v+ `  M( \var currentBallSrc;2 K6 V, D& [, y4 J. V6 s
var newXDir;- q7 V7 P8 R( q7 U
var newYDir;
7 P3 R) \" O: j7 g% B3 g
) v- o6 [/ L4 n, N/ {function initializeBall() {( g7 J% A" v( J$ Z
   if (document.all) {7 J3 _( s' N0 H. g
      xMax = document.body.clientWidth: O4 M. X$ C. X& N  Z
      yMax = document.body.clientHeight
. c3 Y, a# E+ ~2 K9 c. @      document.all("supertext").style.visibility = "visible";/ y. [! S* A. u3 q+ o, `" T& H3 C
      contentWidth=supertext.offsetWidth/ h! ^/ y- m* i  A3 O/ @
      contentHeight=supertext.offsetHeight  \) u6 p) u' P: W" i
      }: `" O* B4 n  C7 A8 J/ ]! l
   else if (document.layers) {
7 P- |% S7 L7 o1 F( C& R$ \3 a' N% T      xMax = window.innerWidth;( {- f6 \" I6 B' u( q% R  E1 N. U
      yMax = window.innerHeight;8 d+ t2 q% a8 r5 J0 O: o! O3 u
      contentWidth=document.supertext.document.width& y; s" N* w6 n# O, R% {  F
      contentHeight=document.supertext.document.height7 |. G/ t  \% x' c3 {% S
      document.layers["supertext"].visibility = "show";8 T- f. ?/ q5 `
      }
" l( U9 k/ A; u2 \, {5 O! y   setTimeout('moveBall()',400);
) s5 j. d% O9 m- F% [   if (hidetimer!='')8 }* w: \2 O$ F1 |7 N3 Z8 t- V
   setTimeout("hidetext()",hidetimer)
9 t2 a' f9 M- N. t   }
: W3 B- C' O. p+ I
, `  z7 V5 y; A- g. v8 ]- v: ?function moveBall() {
( W( K: B) `/ C6 _! E: l9 r   if (superballRunning == true) {
& B, [( C6 o+ X, c, @) c! S/ s      calculatePosition();
. ?# g9 l4 T  |% r/ g6 a. [      if (document.all) {# ~4 u; k* i' _0 P% }9 H' O
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, _1 L" `( J3 J7 b! A$ N         document.all("supertext").style.top = yPos + document.body.scrollTop;
: V% d8 Q- N0 `' [! X         }
% J+ [- N. C' `& L      else if (document.layers) {
* G$ W# `& A( t# k% E         document.layers["supertext"].left = xPos + pageXOffset;
/ v, z3 Z7 [9 o( n: n         document.layers["supertext"].top = yPos + pageYOffset;
" c; Y$ c, {- D         }# A# ~+ B/ ~0 C( c) I% L  o9 ]& {
      animatetext=setTimeout('moveBall()',20);& o1 o5 J9 f7 r0 U
      }
( c- M9 d- _0 f5 o8 U: `! X8 G   }
8 ~2 u, g, Y5 v. h4 [* V) s! z
( b5 S: F. x2 _' O9 M  Vfunction calculatePosition() {; ]# n" X# x5 P
   if (xDir == "right") {+ R1 N6 Y2 S$ P4 r' D& N
      if (xPos > (xMax - contentWidth - BallSpeed)) {
; s, u! i/ s' a0 C3 C         xDir = "left";
$ P, u! H. q5 E: g  |         }" Z$ H* {+ Q2 j* [( O
      }
' F4 i3 ?- A6 ^6 D) f5 W' m( `4 i   else if (xDir == "left") {
3 R1 q- i4 Y2 m: W      if (xPos < (0 + BallSpeed)) {0 @0 w# d, s# J6 |7 ~  E6 S6 M5 K
         xDir = "right";+ `; @+ g- {2 y; p  r8 ]+ M2 _8 _
         }
! |- r0 Q& o7 t) U* H" I: \& r      }- `# Q: k* u* g8 X8 [
   if (yDir == "down") {& Q) h) `0 X) P. H) g+ S# D/ E1 }
      if (yPos > (yMax - contentHeight - BallSpeed)) {9 k9 Y  S$ J/ F0 k8 w: x
         yDir = "up";& U5 J$ u1 X0 I8 C0 p
         }
$ u$ [* S1 n- L1 s! u3 I' D4 C+ ~      }- J0 f  p' x3 Y( V; P
   else if (yDir == "up") {8 [/ O0 F" s6 W- h
      if (yPos < (0 + BallSpeed)) {" x- B0 }1 G) ^" |% X7 C
         yDir = "down";
# {( E; P' v  y1 \) k- S: \         }3 L. l) h" V& k! r3 }
      }( V6 X0 a" V. y. M+ {% g
   if (xDir == "right") {9 J) S2 L6 d' v2 i9 m' V
      xPos = xPos + BallSpeed;
6 r+ Z- y2 e- \      }) L8 w( e  l* K' h
   else if (xDir == "left") {
& l3 ~5 A; H' z9 K; H: {4 b0 Z  |      xPos = xPos - BallSpeed;) x3 A: {( s8 P' {
      }
" n, ?, d9 ?  `0 N: z( \7 Y% L   else {1 V/ w1 Q; h! b
      xPos = xPos;
* L6 \% ~+ {" E1 `( F      }/ N' b  v' o# S
   if (yDir == "down") {: R! Y$ d6 `' ?! ~* A0 Q
      yPos = yPos + BallSpeed;3 x& G/ d; @, Q- N
      }
  N* \# \) J; R# p* O: Q6 M: `$ C   else if (yDir == "up") {
$ r) o: s% T/ q# g; Y, v      yPos = yPos - BallSpeed;
( _  {' Y/ j  F/ i      }8 U6 F) M9 o6 z# @8 p) m
   else {! g& D4 a# e( k! i. V; S2 A
      yPos = yPos;
! r* u! }/ w" F( P7 j3 z/ X7 l; K: S      }9 C' ~8 W# C3 Y0 H
   }+ J) j+ ]1 }# D# T% X$ \% g
2 q% N: u, f$ l% Z% Y
function hidetext(){. o+ R& ~) J+ Y9 I9 Q% _
if (document.all)
* [: e* p. q- `supertext.style.visibility="hidden"% e  F0 j3 @$ W. n( [
else if (document.layers)
  N5 u: t1 C" H5 N* ?document.supertext.visibility="hide"
+ t7 Q- H" q6 C5 JclearTimeout(animatetext)
. ^1 ]; u' d5 ^9 E: F' O! p}
( C# Y) y& R' g* F' X: Y: n
1 {' {  o- {+ H% v  d6 g( _if (document.all||document.layers){
. r' m( K6 W2 E8 ~( |+ N* H" ?1 [document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 ~; R$ ^! M( {: V# Wwindow.onload = initializeBall;
0 @2 p3 q3 N0 l' Dwindow.onresize = new Function("window.location.reload()");  ?4 ]+ P( Z, x- t+ z' E9 P
}
+ x0 K3 T( E' s6 K5 E
! |2 y: ?% u8 S, }</script>