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

zw2004

<style type="text/css">
- ?" p0 P+ O: p) W#supertext {
) v$ R8 D/ n2 ~0 T: ^9 aposition:absolute;) L; Y. B( n0 B3 q; H6 \' n
left:0;
" G: U, A1 q7 F* }* K7 `" V5 Ltop:0;4 ?$ K% T) ~! @4 ~8 T  E
visibility:hide;8 Q" I; X% Y7 X) o! Q1 A
visibility:hidden;1 ^1 e0 _5 Q+ }2 u1 O- q
}6 L4 G6 D7 O" \2 d( {" b
</style>
$ P, n- l1 v1 Y5 l0 \( k. O1 w. b* D<script language="JavaScript1.2">9 {% L6 y0 {% o( u% h
<!-- 改变下的字体的大小。颜色-->. ]% X( ^+ w* M2 F: A" w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* D1 d5 O, ]1 _! @, |7 L* Zvar hidetimer='';
( q1 v8 x6 U& p/ ~; [! m<!-- 改变下的弹跳速度-->
! U/ m+ @/ E1 j* Z6 Ovar BallSpeed = 20;, X! I; m0 Q0 H' ]0 g
var contentWidth;
: M, \# Z: N' V' Dvar contentHeight;$ Y: R7 M# ~; Q9 B8 m+ F! F5 \
var maxBallSpeed = 50;" {! L. ~. A7 Y1 @2 Y* k8 C( c
; D3 s. m  `( m5 Y3 L- s
$ s8 x. W9 @; C& M* s" c
var xMax;; i4 B% j! Q8 X: Q7 Y% j
var yMax;
- b' U, u; @1 r. Z) \* Nvar xPos = 0;
3 u; C4 f- m. ]% V' r/ ]var yPos = 0;: f  L1 E" N# J( }) k& ~/ c. P
var xDir = 'right';- Y" ^/ L3 V+ [
var yDir = 'down';1 v3 m8 z1 a" f- b1 Z
var superballRunning = true;
* |. Q& d0 x8 z- y2 X. ^var tempBallSpeed;* Q$ m2 d- Y2 ]  N2 v0 H- z
var currentBallSrc;
$ {9 [# @0 u5 U8 s) u8 @var newXDir;0 r* l& U* L+ U
var newYDir;: J7 k) M# Y0 {6 i$ @4 U

9 [; ?5 B2 i: T" x$ j( C; O, x. Sfunction initializeBall() {
. s! h( v7 P$ K/ H! l3 a9 i1 \   if (document.all) {
7 [9 y1 q* i( I' W) M1 Y5 T) C      xMax = document.body.clientWidth: s! ~/ p( i3 l) q3 [
      yMax = document.body.clientHeight6 d# a+ D: e7 ~3 z4 D
      document.all("supertext").style.visibility = "visible";
  [$ X" W' u/ r' t      contentWidth=supertext.offsetWidth3 I' b1 h: T9 Z+ z7 `
      contentHeight=supertext.offsetHeight
" M$ h6 j( e# `! X* |      }; b  |! V1 o( `: a5 i3 J& x8 @
   else if (document.layers) {
1 j/ Z0 Y8 u/ s  W+ k      xMax = window.innerWidth;
' G3 b9 Y( @6 g; E# N0 r6 v3 Q7 u      yMax = window.innerHeight;
- K4 \4 F; q1 x- o) w8 L      contentWidth=document.supertext.document.width
8 R, v& o: B9 V( _- z      contentHeight=document.supertext.document.height# m9 p3 ~" S/ ~8 Z" a' Y6 p( F
      document.layers["supertext"].visibility = "show";* e: h3 D6 R8 @5 J: t3 C' C
      }
8 d. X6 S7 ?7 B- }+ ~   setTimeout('moveBall()',400);8 B9 x+ [1 M/ H1 }* T
   if (hidetimer!='')* j$ Z& e0 w( L5 }" |9 B9 T
   setTimeout("hidetext()",hidetimer)
/ e' h$ n; c$ C$ l4 }   }
) H! j6 U% x& A
1 M. Y) y$ c% H; D  {- |" Ifunction moveBall() {# Q$ i8 y6 b# s
   if (superballRunning == true) {/ C$ V4 m7 x: m* D, d9 u
      calculatePosition();) Z$ X5 E5 a* r0 z; S
      if (document.all) {
9 ~+ A2 ~4 }3 {3 p# D8 |, G) o         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  A4 _0 l6 R  q$ n( ]1 o. i* y0 _* l         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ \$ G, M2 I; M& z         }6 L9 _7 k5 l# G0 z, ?$ Z$ U. J) r
      else if (document.layers) {. n1 h9 i* u. ?  j
         document.layers["supertext"].left = xPos + pageXOffset;. t. r# m; V/ P1 v# Y8 `1 M
         document.layers["supertext"].top = yPos + pageYOffset;& g! M. [2 _0 a) S& J; n
         }5 K6 z2 x' P7 ?0 h( j: g) R% H/ e6 V
      animatetext=setTimeout('moveBall()',20);
5 x6 G: F' t& g7 I7 K  m1 G' E1 a      }) o  E+ i! G$ ?) _  u: \! J% w/ U
   }
' q) G, x/ N! o0 A9 w$ y
7 g) o& D& {7 G" c) G: mfunction calculatePosition() {
) ?# ~+ c' K/ o1 c3 w. O   if (xDir == "right") {
) a. N5 Z% V5 r8 i. L      if (xPos > (xMax - contentWidth - BallSpeed)) {# b- L* ^& L2 m0 a
         xDir = "left";
# v* B" {( Z' N  _         }" }0 Q! o2 |' B4 V  j
      }
! q( q& l: f9 y* q4 p- H% v   else if (xDir == "left") {  m; _! k! h4 Q7 P
      if (xPos < (0 + BallSpeed)) {7 j9 j# \7 N9 c( g+ @/ N! `  u
         xDir = "right";
( d* R1 N3 d$ s$ C) |0 |$ C  D         }# J3 I- \7 A8 j, H  K
      }
5 O- ~6 L- U6 @  G" U. W   if (yDir == "down") {
$ {, y, F& z' `* x. @4 c+ S      if (yPos > (yMax - contentHeight - BallSpeed)) {: m- r# J0 o- Q$ O3 A) d) @$ q
         yDir = "up";9 I! N' K1 }1 W' |4 S- [
         }
2 b2 R* ?% Z& ^& H" X7 M2 ~# z      }
; M# O5 [; l) e2 D6 p3 M5 L. }   else if (yDir == "up") {* [4 q" g& V; n. R
      if (yPos < (0 + BallSpeed)) {
+ P8 e, |0 v' p" M% @/ o         yDir = "down";2 S6 o- I1 @1 k8 M7 d
         }
, D# o8 L, }- y; |% @      }" c  h8 ?# {+ ?/ |# [5 F/ j4 K7 U7 N
   if (xDir == "right") {
+ H" Q2 H" g& d" k. S      xPos = xPos + BallSpeed;
7 j: B+ f' `# W  z      }6 g+ [7 |, u# r9 T3 L6 }
   else if (xDir == "left") {
7 P' P; ^2 p) Q5 [) S8 X4 R      xPos = xPos - BallSpeed;8 x" k, R5 \% E( Z
      }
6 X# }: D/ `. B$ ~7 ]/ u$ D7 M4 }   else {
( v& S. S1 Y' D% c9 Q      xPos = xPos;/ |* j+ U* p# P/ N2 T
      }
2 K$ X: K! ]) J8 H   if (yDir == "down") {* Z6 l; C$ G: q, u" J2 g
      yPos = yPos + BallSpeed;
; }5 ^# J7 _8 }& T- {; ?      }
7 K9 h7 I4 x# F2 m+ N7 @: j   else if (yDir == "up") {- ]- Q3 p# L' P0 G
      yPos = yPos - BallSpeed;. o) M. |7 M# W& L; N2 i
      }; Z2 r. t# i6 Q; ~
   else {4 l% _) y( j, z/ l
      yPos = yPos;
7 H- f( n0 f) R      }& ~+ l/ _5 l8 q2 I
   }
3 U$ _8 d; d: I! f# P& B" P( N$ k! V; L3 \$ u
function hidetext(){
0 D2 \" e( d5 H* a# r& z6 Gif (document.all)  A  `1 h" u6 y6 e" I0 z
supertext.style.visibility="hidden"3 U& B" F8 y5 ?8 X
else if (document.layers)% ]! V, v- b. M: v$ L# r7 f, D
document.supertext.visibility="hide"5 l) r* s, H0 a" K( h9 r. Y
clearTimeout(animatetext)
, V1 g4 J( c& x- O}
" u9 y% `4 p# w1 m4 _; F# [
5 B' x. c2 P4 M' S% Z  oif (document.all||document.layers){
# U2 N( ]& j- P/ a! V/ i9 [document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 W6 f0 v5 E: E
window.onload = initializeBall;0 \. d% u$ F! k! t/ D5 P' L5 H" K
window.onresize = new Function("window.location.reload()");8 X) A# |+ m8 g
}3 |* q8 v4 c0 f5 F% ]! U6 ~/ c+ B
; V' h0 @' D1 X9 V3 ]4 v  ?
</script>