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

zw2004

<style type="text/css">
: u; K4 q  O/ ]. T3 t#supertext {+ @4 Z+ T' q5 s! x8 o
position:absolute;
% Q( X% @3 s2 S6 X+ g" Jleft:0;) M9 p& r7 ?: _: b5 k7 V& q6 r6 \
top:0;
) Z" J8 s7 g6 c) T6 }  E) cvisibility:hide;
" w: c( G1 a  bvisibility:hidden;6 A4 m: K  Y' U/ w
}
/ {* V) J4 }- Z6 |</style>+ l6 E! u5 B4 h
<script language="JavaScript1.2">7 e# o8 }, K* Y" T" H1 p! q
<!-- 改变下的字体的大小。颜色-->
2 T$ E  f* [" v" I8 u( z/ P0 Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 u/ Q! B) ?$ x" ^7 X8 E# v; uvar hidetimer='';* B" _/ Y' K# P1 H6 b
<!-- 改变下的弹跳速度-->
3 }! u: ?1 R5 [) ?4 Dvar BallSpeed = 20;
7 w: L0 I# r$ a& S  Ovar contentWidth;
7 \5 q, |9 y7 N5 z+ W9 qvar contentHeight;
' H- z; L  a) mvar maxBallSpeed = 50;
. {1 y! b, `; n- [
* R. w' Z: Z% H6 g5 S9 L( f1 i" B8 q9 G- y2 |+ t
var xMax;
2 v2 q& H& e5 B& ?' Tvar yMax;
. e/ ~* c. Z1 qvar xPos = 0;
! v' z- B1 k. y# N+ |0 {0 vvar yPos = 0;
) n2 o& e+ v4 U" ?' p! v' h$ qvar xDir = 'right';
4 e' Y1 x- M5 |' Xvar yDir = 'down';9 D1 z% G* E  q  l. f4 `
var superballRunning = true;9 ~: h( P- e) H- ]/ B" H' n
var tempBallSpeed;
/ h3 P3 Z5 j, _$ p' Jvar currentBallSrc;
6 y6 O' [* b( Q  Ivar newXDir;
/ l, E/ m. y# `+ t+ F0 {9 v: Dvar newYDir;- t, \) T) N/ X0 m7 E2 v2 i9 e0 ~! L
7 F$ @/ m- K- w2 I, e; ~8 N6 q, g
function initializeBall() {
: h: v7 u8 j" c3 V* m( a" N   if (document.all) {, c4 U' T$ w) G6 k
      xMax = document.body.clientWidth
5 A) t) s( U# D8 n: R- i      yMax = document.body.clientHeight
1 J, `6 @4 R9 P      document.all("supertext").style.visibility = "visible";
+ L" G; u' W6 l* \      contentWidth=supertext.offsetWidth1 ]$ N4 [* I. E% C0 Q  Z
      contentHeight=supertext.offsetHeight
+ N7 Y9 K/ q0 p. H- b      }
, M9 H2 b% z( x$ i   else if (document.layers) {
5 g; u; z) o) s$ b# _      xMax = window.innerWidth;
8 p! s# L9 K' Z2 h; s" O6 ^      yMax = window.innerHeight;
+ w7 e* v2 ?) H! u8 l- X0 I      contentWidth=document.supertext.document.width
3 A: M% ]  g" d" R1 O2 ]      contentHeight=document.supertext.document.height
& o. ?. v2 ]- ?1 B- s0 ~# v      document.layers["supertext"].visibility = "show";3 {) C$ E& I. W5 L% X
      }% [0 l# e0 P- `( b: }) {5 ^
   setTimeout('moveBall()',400);) O* v) z4 e. P& v; E
   if (hidetimer!='')9 b- I+ B% \% q  t, {& Y" y5 J
   setTimeout("hidetext()",hidetimer)+ w5 u0 Y& Q  G" D0 S
   }
* p) j2 i2 K; Z7 n2 M! D! D' x) `& |8 l
function moveBall() {$ M0 m  V: p. _0 U% o! |3 D3 L
   if (superballRunning == true) {5 ~# b6 d: b9 q! \8 t! |/ A
      calculatePosition();
% D- g7 y2 f# y6 m1 y      if (document.all) {
3 d$ m' @0 @  W7 M         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' e) T, H) W+ D/ @/ j( ]         document.all("supertext").style.top = yPos + document.body.scrollTop;
! z8 ~/ B( @5 a         }9 h4 I5 p) X6 c1 x1 u
      else if (document.layers) {
9 o: z9 z; O. D: d         document.layers["supertext"].left = xPos + pageXOffset;$ w0 p( `3 g! Q9 J3 x% Y
         document.layers["supertext"].top = yPos + pageYOffset;5 P% C/ Z7 Q# U
         }
+ |; ]4 }* ]0 d+ G4 S' C, y      animatetext=setTimeout('moveBall()',20);
: J# U- m4 g# \2 x8 U      }! k) u  q$ ^' i/ I" F2 R. L
   }8 R4 w; i, M) ^! `2 G5 q
8 I& D/ p2 U3 Q. W8 |  j! j! D
function calculatePosition() {- _5 Z) d! w! _9 c; H
   if (xDir == "right") {# I2 }2 f% J  v4 ?
      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ V. j% W1 X5 d3 _         xDir = "left";) O( n2 ~- f! y! y" }
         }3 {4 X7 d" D' g
      }
/ A5 f5 X# C/ d5 l; d8 p( E8 T   else if (xDir == "left") {
$ M7 X. O# k, G7 H$ i; G      if (xPos < (0 + BallSpeed)) {, ~; b$ V  R& z" ]! T$ b# A1 r
         xDir = "right";$ w5 l1 u$ c8 N" [  U9 ~; h
         }# \" n% ]- u* Q  `$ _2 u0 y
      }9 o7 V% e6 x3 S
   if (yDir == "down") {% C/ H& h+ n9 U: }. @( V7 |3 K- |
      if (yPos > (yMax - contentHeight - BallSpeed)) {
( w: v) T' m" x/ e' v         yDir = "up";5 }# s- ]+ [8 F5 Z  U1 P4 j% [* T& `
         }
1 ^6 x: ^) W; c. ^( L      }: }' L+ ]2 d* B
   else if (yDir == "up") {
& ~% b% C6 ~! t% M7 U' |* {. @7 n( p      if (yPos < (0 + BallSpeed)) {
# f$ w. @% H7 U3 x5 J/ F4 `         yDir = "down";
4 ~- _9 y$ H; M+ }6 h/ F         }
( M( D1 v6 M/ O' r8 V7 M      }5 N$ X9 J$ A+ P* l9 k
   if (xDir == "right") {
% [' V, L, f" w0 ^9 ^6 R- X      xPos = xPos + BallSpeed;
9 N, r9 c3 B" `+ t$ B' m6 q  ]      }/ c5 \* N( R" u2 c5 T! B# V* N
   else if (xDir == "left") {$ ^" L8 r# k- v2 b- F8 ^# V0 {
      xPos = xPos - BallSpeed;
" O" E3 x8 i+ k/ R5 H/ ~      }" r; w$ p+ R) p6 P) R
   else {
9 b% |* h* n4 t/ G. b  O      xPos = xPos;+ M' ^3 ^; N% }" [, r
      }0 p% G1 K" L  A/ ]0 H# w
   if (yDir == "down") {
7 K0 Z, ]1 {' ]" i) E      yPos = yPos + BallSpeed;
6 j/ Q8 D2 b- [: C& ^4 N      }, H; d/ I( {/ h5 ^& q1 S
   else if (yDir == "up") {6 O  W! F0 C5 y* \4 P
      yPos = yPos - BallSpeed;; f5 v$ I: P7 |6 c0 ~
      }3 P5 H$ J' o; S  r3 q6 j, M
   else {
; M: J1 a& n" N      yPos = yPos;
" P- y* F! ~6 c      }( `  K9 I$ c& y* U
   }
0 a7 q: u/ Q' F( W% z3 {9 m/ i* m' L9 u3 N
function hidetext(){
) x8 D8 K1 V0 c. n* v4 Rif (document.all)
: e: d. K+ g3 Hsupertext.style.visibility="hidden"9 U7 `2 Q& ~- r) ~
else if (document.layers)
+ A; S: b& m2 J# Vdocument.supertext.visibility="hide") C1 K" m5 f; o& e
clearTimeout(animatetext)
, y$ @1 r4 z8 o& _$ G* I}
8 y& }, E' i! t8 `/ S5 Y/ \6 y8 d$ d. u) R
if (document.all||document.layers){3 d. }  c* X. k. {3 \" F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, D' q! j- A! {3 T3 [" `+ G9 |window.onload = initializeBall;% S/ v1 f1 ^5 s0 B& G4 I3 ^& G
window.onresize = new Function("window.location.reload()");* Z1 w- V# G" H+ i8 s& D
}2 z1 r) L6 o1 V2 L6 f: \) Z
5 o2 p7 b. d+ S$ S
</script>