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

zw2004

<style type="text/css">4 r0 q3 @5 W* L/ q
#supertext {
7 B9 _  K6 x" {position:absolute;
* |0 b( q2 u* T7 l' x  oleft:0;
! P2 W1 F1 h$ Itop:0;
6 X4 t1 w) D. bvisibility:hide;
& w" y0 C1 N' Pvisibility:hidden;7 h: ~$ |+ a) v, n
}7 U+ u( k" t' Z+ C# b
</style>2 L* C7 w  ]  c5 _
<script language="JavaScript1.2">
5 S6 X5 G# _: p& ]<!-- 改变下的字体的大小。颜色-->1 a2 c1 X7 @4 u' D+ Y$ j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( E0 X+ ~- A1 m" Ivar hidetimer='';% b1 Y7 p/ K  x% G+ w, d
<!-- 改变下的弹跳速度-->
! ]& C3 V, |) S5 l4 jvar BallSpeed = 20;
& b( S7 [" t8 I& r( j2 ovar contentWidth;
, Q8 o. W6 X( |' p$ e3 Bvar contentHeight;& v  ]$ j' q3 _# u9 Y
var maxBallSpeed = 50;- L, \% s5 A" X  a3 O# t: v+ C$ W

1 P. h2 z- A4 u. N: P
) ]+ U/ U& c- ?) o" ivar xMax;
( J8 i5 L2 d* s5 _8 \3 Avar yMax;% c4 U8 y% F+ ~
var xPos = 0;# {9 V( T7 h7 [& z# S3 h
var yPos = 0;
6 n/ T) Z) K7 K2 I& P" V0 Bvar xDir = 'right';( Z# l' v) ^" a: K( W2 A2 t
var yDir = 'down';% y4 l+ K* j1 l4 }
var superballRunning = true;, e' u& N$ V" m8 w" e: Q7 d
var tempBallSpeed;
% E6 e8 e* T! x0 @# u* avar currentBallSrc;- r8 `! k5 J+ |
var newXDir;( ^$ Q. l# }! |. ~1 z7 [0 V& K. z! w
var newYDir;4 E  P7 g" V: y6 Z3 V) L2 N

. o  n& O9 G' P2 vfunction initializeBall() {
  ?0 \. X( o5 `0 `4 Y9 {   if (document.all) {
2 Y( Z- C: T- g' I      xMax = document.body.clientWidth
! w: s7 E0 o7 U7 d4 B* |      yMax = document.body.clientHeight: ~2 M7 q% R* S1 V" U
      document.all("supertext").style.visibility = "visible";3 q% w0 L# b( u  |6 \/ N
      contentWidth=supertext.offsetWidth/ i# r6 ]! C/ i1 y
      contentHeight=supertext.offsetHeight1 |2 C. w' ~/ K
      }; ?8 L0 B0 f) c* U- G
   else if (document.layers) {
' E7 g/ |5 @+ c0 [      xMax = window.innerWidth;
' v6 r/ m" e" K# B* f& R      yMax = window.innerHeight;" C3 Z: h! E0 m- ?4 i+ g
      contentWidth=document.supertext.document.width# c$ Z/ d7 w( m6 |- c- F; Q
      contentHeight=document.supertext.document.height
9 z# Z2 j' B$ I( X      document.layers["supertext"].visibility = "show";
' ]& z) ]9 }- Q* D      }( a1 b6 w6 S' r' E5 a
   setTimeout('moveBall()',400);
' n8 K( U! a5 r/ Q1 `2 T% \   if (hidetimer!='')
3 O' O3 B/ I, J  W/ F   setTimeout("hidetext()",hidetimer)! i! E: t6 Z) L* U; y. Y% u
   }0 M: q/ E  f1 h' ^# I+ q+ S
0 ]- A  m' i( `& ~6 B, w
function moveBall() {" r( X; \6 F" j0 K" t
   if (superballRunning == true) {6 ~! F: H2 e% l; ^# G3 {# H
      calculatePosition();
5 c, r& o# v: h0 x: y5 S, |      if (document.all) {
6 O& Q8 L5 k/ C$ h- T5 B         document.all("supertext").style.left = xPos + document.body.scrollLeft;" M8 W: k( \2 x0 y0 |
         document.all("supertext").style.top = yPos + document.body.scrollTop;% G" x( N" D9 K; O* }: }
         }
4 C4 ?/ X, y; `" x! Q      else if (document.layers) {( u8 c" Z  B2 d; _. i$ W
         document.layers["supertext"].left = xPos + pageXOffset;4 @5 d% f8 t. ?2 {
         document.layers["supertext"].top = yPos + pageYOffset;
9 F2 O9 D) h2 h         }8 {9 T$ I" A) l6 D3 J- U
      animatetext=setTimeout('moveBall()',20);
) G$ Z7 X9 B/ B3 Q0 F1 o      }
7 m* V" z# n8 r* i, C; Y' q   }
& P7 ^+ q4 w( Y5 i% b, H
3 X) h4 F% i: F$ f5 pfunction calculatePosition() {- c  B) |9 B" @5 P
   if (xDir == "right") {
# K, I* d1 y$ a8 b. M      if (xPos > (xMax - contentWidth - BallSpeed)) {
/ e. t9 _  j* |) V& C0 q* k2 z         xDir = "left";6 h" r$ h8 v3 y* ^4 C2 ~: M
         }
* Q; N. v' H0 ?( ^      }4 O- l1 T& w& G, B2 C" L- c
   else if (xDir == "left") {
- G9 |! }7 w0 r. {5 I      if (xPos < (0 + BallSpeed)) {, r  h* O1 G  X
         xDir = "right";  c) a1 d3 k5 \/ H2 }  U5 w9 c
         }
6 q  K+ J4 V+ e4 S9 _; z      }" \- W; [& O- [' h/ I
   if (yDir == "down") {
% t7 F6 L% |3 H9 _6 w      if (yPos > (yMax - contentHeight - BallSpeed)) {, r: Q; J! j, {2 ^, _9 t4 S
         yDir = "up";" r9 ]5 }8 E, r8 ?% F8 e
         }
, B3 ?  H# @. Y* k      }
2 ~7 A1 [* X+ J# C2 X6 p# m   else if (yDir == "up") {# [7 B0 y. {- ^: |& m
      if (yPos < (0 + BallSpeed)) {. O% w9 Q, x8 Z0 G" t  Y
         yDir = "down";4 z5 ^0 a2 p( F; ]7 U
         }
5 }8 o& A, r" E7 W      }5 G7 P5 G5 ]! K
   if (xDir == "right") {% M& \9 X2 R1 j. u! t9 v) M4 ?$ v
      xPos = xPos + BallSpeed;
7 }6 i' g# c9 B- Q6 q9 l      }3 X8 j5 \2 z1 T& s
   else if (xDir == "left") {
( w6 ~( k8 E$ F7 c      xPos = xPos - BallSpeed;+ l6 t: a  v) {7 O& ^7 a
      }! I% z, [/ r2 e0 u
   else {
% v8 `6 i. w6 r# ]- S5 h      xPos = xPos;  f& w: o% O6 s
      }
4 ~6 }# D+ I0 @( X* A; M8 o   if (yDir == "down") {
, _" P, \2 T  H! V! O/ N      yPos = yPos + BallSpeed;% u$ I: c. b6 O. w" L# }. B" f, B
      }( a+ f8 L8 l# e% t
   else if (yDir == "up") {
/ D4 ]2 n% i( y: N0 A7 C      yPos = yPos - BallSpeed;
3 h" Y/ i6 [3 {1 h      }
; F; \+ u1 N1 z# w- `   else {
7 v) C( S. ?' @0 c- t: f      yPos = yPos;
/ s( M; }* p0 v) s      }
& x' h8 }6 C- Z" U0 ?* G) _  ]) l   }7 r$ j- g1 W0 ~5 M, X

% i. d0 V: o/ f; Z; q" nfunction hidetext(){
; g+ I: w4 @  h9 U- ?7 y/ Xif (document.all)$ y9 d* z. t& H4 }7 S5 j6 B
supertext.style.visibility="hidden"6 H) o( C/ J0 o" J* x8 ~4 J8 U7 ^
else if (document.layers)- K9 Q& y& E( G3 v, g7 A  a5 q
document.supertext.visibility="hide"
$ Y1 K% M( y" Z# x9 m- [clearTimeout(animatetext)* q# m# s8 Q2 g
}4 j% [, I  G( R- N) T, I7 g* p3 I
: I& G+ d7 L  N% @$ z4 v1 C
if (document.all||document.layers){
& N9 e: c; ]$ S# tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 h& G$ S+ S$ m
window.onload = initializeBall;
& f# }$ J1 j, Xwindow.onresize = new Function("window.location.reload()");  ^" S' x( r: u
}4 ]: Q, R+ Q& V' l) j: L: R  t# \
3 z$ e( l' z6 X0 z' X
</script>