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

zw2004

<style type="text/css">
# u% e' v# O8 d1 w  I! ^) S#supertext {
7 X5 ?% N& P2 ^6 v9 s7 w- H; mposition:absolute;
  H) G- K# \  d& y) tleft:0;
6 K( y1 h4 p/ H# ?4 }top:0;% w  U' A9 A8 a
visibility:hide;' ^: d6 [1 \, _* B1 I+ E3 p" k
visibility:hidden;
' n7 D* J7 P; @5 a' p}; x% p0 C; v) A/ p
</style>5 a; j, v) `5 s& a0 M) O0 P
<script language="JavaScript1.2">
" ~. S; |) e; z4 W, Z! m/ Z+ ^& N<!-- 改变下的字体的大小。颜色-->1 k* }: {( \$ Q2 L9 I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 t' H- [$ j$ c  Gvar hidetimer='';0 @9 N& v! N. b; K  e) y$ p
<!-- 改变下的弹跳速度-->
- K" z  Q9 ~3 R0 F* Yvar BallSpeed = 20;
0 N* f7 ~* n# p0 U1 }6 ]var contentWidth;
3 N; r7 q1 x, N2 f: }% evar contentHeight;
' a+ z% m0 {6 `var maxBallSpeed = 50;
5 L; F9 [% E( w  S# o
2 f9 X' x, k* y& v! V6 X- f% F4 ~/ M1 P; t. q+ k( w+ R7 [
var xMax;7 A$ c/ Y7 }4 ?' m; B$ O
var yMax;- V- a- P4 D9 H/ V6 {4 F
var xPos = 0;  `3 M4 ~0 d/ X1 q5 T0 ~
var yPos = 0;3 K: k8 \2 z1 {# H
var xDir = 'right';
4 U/ v3 d2 b% F# Z2 l; Mvar yDir = 'down';
3 G: |  U. S. _var superballRunning = true;. N" [7 g4 _7 }  s8 R
var tempBallSpeed;( `, Z& [& |" A6 f5 |+ I9 p5 L' g
var currentBallSrc;
1 W9 L3 X; Q0 hvar newXDir;) Q- A& i9 M/ E8 Z1 x- X2 `- I
var newYDir;
$ _. k3 b* i) o
% s% L; k! |$ L: Q1 F) }0 _6 _function initializeBall() {' g( j) c) V5 b
   if (document.all) {2 k0 i% M3 r/ S9 ~' o4 A0 ~5 l9 v
      xMax = document.body.clientWidth9 ^; \0 x1 g/ u6 D2 n5 r. d
      yMax = document.body.clientHeight
) \0 ], n" J$ {1 V! R- \      document.all("supertext").style.visibility = "visible";4 x  `' u/ M* W) k, K6 f
      contentWidth=supertext.offsetWidth7 ]& o4 T9 ^$ J( u2 O1 u
      contentHeight=supertext.offsetHeight
4 p* C$ J0 s$ ?9 b7 F8 ~      }
5 d1 W) `/ d' I5 g1 {" N+ e   else if (document.layers) {1 q5 _! ]3 i% u
      xMax = window.innerWidth;
: _& M5 J% U: G, m. [; S" {0 a/ W      yMax = window.innerHeight;
9 b5 Y3 e9 Q2 o6 ?" N3 {      contentWidth=document.supertext.document.width( e5 [0 D: V8 y
      contentHeight=document.supertext.document.height
2 Z' }  v% \( {      document.layers["supertext"].visibility = "show";) S& }9 |4 @6 Z3 O. t+ _
      }. F# b4 b# ~2 |! f+ Z/ G' x* D
   setTimeout('moveBall()',400);% c+ K$ c0 O% \$ h7 [' N
   if (hidetimer!='')
. s8 O2 e( m$ C! ^9 z& ]- v   setTimeout("hidetext()",hidetimer)
7 o% m& M4 s- Z4 u3 t/ ]1 Z   }
4 U, f4 Q: Y8 B* R" {3 V+ a. t& a; `* _! w
function moveBall() {# S$ `/ T( M3 }8 h+ [
   if (superballRunning == true) {
2 j' Y8 Z. ]+ d  m$ z- Z      calculatePosition();
) q, G& _$ [: P9 [6 ?% j1 S      if (document.all) {
9 h2 t) r  b8 X1 H" j         document.all("supertext").style.left = xPos + document.body.scrollLeft;
% F5 z5 s+ @0 [         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ {" y1 z' s+ O6 g7 U' G4 N, E* R" j         }7 |. B* y% l5 @) n6 ]$ A
      else if (document.layers) {
- Y5 Z; i& V) U  ~, s         document.layers["supertext"].left = xPos + pageXOffset;
2 F6 K, z  n7 ?& m( S  x1 B, q, @( d         document.layers["supertext"].top = yPos + pageYOffset;
2 e! q- Q3 D: s8 l         }
" J( m) \9 M$ q4 T      animatetext=setTimeout('moveBall()',20);
; @# f! d) \! g8 q* @6 ?; M      }- ^9 ]7 l2 J  @- t; j  Y  \
   }6 i2 ^: m. d& V3 T5 d

0 J+ C/ a4 i9 h% Gfunction calculatePosition() {
8 O1 ^" L! B2 }% Z   if (xDir == "right") {
* _/ C$ o8 ^, |% Q# O      if (xPos > (xMax - contentWidth - BallSpeed)) {5 G( |. i' i0 T+ i% {: B
         xDir = "left";
4 Y, j4 @: }& L8 x9 F# K         }+ F4 w: z" n5 X  g8 y
      }
, V# W+ u) Y3 J! ~   else if (xDir == "left") {* M6 h3 A# j3 \
      if (xPos < (0 + BallSpeed)) {
; a+ F2 L6 T, \3 X0 A  ?         xDir = "right";
( R+ I# F  `* P. X' \$ N: s$ Y( K8 m         }
3 O5 B+ ?( h2 m: ?# t% m3 v0 i      }: i6 h+ i3 c' C! K" G" x; e
   if (yDir == "down") {: f+ ^4 `* ]8 w
      if (yPos > (yMax - contentHeight - BallSpeed)) {* P+ b, \5 m/ c
         yDir = "up";
( A" F2 u5 |9 Y, P7 D: [         }
9 L2 p7 `: A' k' J% G7 n; O* S& f      }
) g3 l7 w% F3 L4 `# A: ~   else if (yDir == "up") {9 g% _) V5 m( T) j+ E  M/ z
      if (yPos < (0 + BallSpeed)) {3 ^1 F9 x( T$ ]1 z, f
         yDir = "down";7 C7 m. z9 R1 _0 t4 y# v
         }8 a- c  ~( y- o
      }0 M+ p" [" R, A) R$ h' j
   if (xDir == "right") {
2 @: S. F; f1 Z8 C; o% |      xPos = xPos + BallSpeed;8 v! J% L) K4 _& N8 [
      }
# x2 ~- N* n" B# {! {   else if (xDir == "left") {
* m& f8 _6 H) \3 T      xPos = xPos - BallSpeed;
9 J1 U" q9 V$ u8 X: T9 J5 Z, F( S      }( J- u9 {: P' J( H- O( N
   else {& m2 O' s* X2 G$ O; P/ p! S
      xPos = xPos;& I( F) A2 `1 h* F- g3 n0 W' E& i
      }6 l2 T5 E$ O! q1 f$ z5 _5 k
   if (yDir == "down") {4 g9 Q1 ~8 R) m8 u  P
      yPos = yPos + BallSpeed;
$ ?3 s/ ?6 ]/ {1 f  g      }
  y  ~6 h# Y% u# b8 h: B   else if (yDir == "up") {7 q) N( B/ ~# [( y! h) l) T
      yPos = yPos - BallSpeed;% {7 Y& Y$ O% |7 u4 U: F
      }
6 U3 G2 N; g; W6 H% {2 p8 }5 m+ D   else {
- E; r- |. R; y  D5 {7 Q; G      yPos = yPos;% h, x3 ^6 H1 G) @( }
      }& g! g! s+ D" z- }/ a" H" g
   }
1 F9 m3 `! K2 L) N. f5 l' ?# M9 g# Z3 F
function hidetext(){1 `% A5 ^! f( `+ n5 [9 j8 m
if (document.all)
9 b. r( [8 j) o* C8 ~3 a: nsupertext.style.visibility="hidden"
  v5 w1 ^7 [0 k4 i  H4 @3 D" `9 m6 oelse if (document.layers)9 A- P3 n% _! |" N  |5 S& [/ C- Q
document.supertext.visibility="hide"
& O; Q3 r" X) s) JclearTimeout(animatetext)
& k& ]' S$ N3 F- ]- s, i3 C2 {- B, ^}
" B8 f# b6 P4 H) u; p% K
+ p) v$ z1 [5 x- ^$ d' oif (document.all||document.layers){
/ g/ [1 [# [" C$ Tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* i: b9 d9 v1 c
window.onload = initializeBall;* N5 B7 y4 h4 d7 j
window.onresize = new Function("window.location.reload()");
: E' o! P% w2 {5 D5 N; L2 Q2 g}
# \- d( l# A% M% V- T( t
3 I) B3 n( j! J2 P! f</script>