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

zw2004

<style type="text/css">
8 n, g- D6 e" I7 K3 U#supertext {
0 [& c: k. F; R) H2 Z+ t  m3 O2 Uposition:absolute;
  ~2 A. M. V9 c  R$ \left:0;: B0 E% e8 H- R+ y- C& H
top:0;* d; }0 @) i: r/ V3 H9 k
visibility:hide;! D3 K9 }( s& b; o) N
visibility:hidden;: ^0 w1 V$ [* H$ a: R' m
}0 s( a4 e  o5 g
</style>) Q6 I" i/ K5 I: L
<script language="JavaScript1.2">! h5 \7 @( N. C- c% M; E% V
<!-- 改变下的字体的大小。颜色-->
% G" {, j( u) c. p0 u/ s% s6 Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 ^* _; d) B. H# h' T4 y: @2 W
var hidetimer='';+ p- l. y1 I4 w5 D; A
<!-- 改变下的弹跳速度-->
/ k' F& R9 j- {" D- dvar BallSpeed = 20;7 f8 r+ c3 w1 N" D; y4 f
var contentWidth;
8 e: @1 r% f/ j' Wvar contentHeight;: K( ?3 @9 t7 J! ~9 O& L
var maxBallSpeed = 50;
1 {' f" z% W) P7 C
7 M5 ~& w2 l0 h! n; f  _9 P! X2 I. C0 c/ L
var xMax;. o0 w+ i2 l' E3 s: _/ k, |* S
var yMax;
& m% B4 K  H* d, Nvar xPos = 0;# ~$ S8 f  G# R: f$ U" E
var yPos = 0;
3 `1 x* p7 e# d  Qvar xDir = 'right';
6 Y* N# v, {! G, @, Vvar yDir = 'down';' W- n5 r" H0 `# s2 Z2 \* x
var superballRunning = true;- ^7 B$ {/ \/ U; S6 U( V
var tempBallSpeed;- R4 P. q4 v. k& B4 N
var currentBallSrc;8 e9 Q0 e. {- n3 |+ y& l/ \6 r
var newXDir;
  c2 X5 R& O6 J+ a* rvar newYDir;
1 }; u0 I0 O) l. I5 V7 g& ~6 f6 C6 w  z1 d7 B  q3 f
function initializeBall() {0 Q0 R; ^3 m6 D
   if (document.all) {
2 g/ Q- r1 B% h% F4 Z      xMax = document.body.clientWidth
0 q0 `/ V4 s) u; O. {9 x9 i5 n+ y2 w      yMax = document.body.clientHeight( D  u7 f' ^( }/ }' {+ t7 P* `
      document.all("supertext").style.visibility = "visible";% F" `. L5 ]% b# E) Y4 A. e8 j& z: Q
      contentWidth=supertext.offsetWidth
! Q4 s. e, H2 a      contentHeight=supertext.offsetHeight
1 L9 f0 W; t% A5 M3 E* I      }4 n5 I. G( u( K/ O5 g# o6 Y
   else if (document.layers) {# N' L5 y. z2 x8 }2 N. v
      xMax = window.innerWidth;
1 G, v6 H6 Y( }1 n1 d* n2 o      yMax = window.innerHeight;
. R% b" T  m2 \" M5 a$ F& A# E9 O6 ~% A      contentWidth=document.supertext.document.width0 x! Y: y3 A9 Q- X! u1 {
      contentHeight=document.supertext.document.height
) r% h' K* V9 g$ g5 l3 H      document.layers["supertext"].visibility = "show";
9 ?. Y% [7 R% b! `. m      }
) ]  i6 z( A6 D2 J& S5 t' S6 e4 {# v/ T   setTimeout('moveBall()',400);
- h+ Y" W5 I- p: x1 D   if (hidetimer!='')* @, P! s4 l+ g0 X, J8 ^$ I9 v2 ]7 `
   setTimeout("hidetext()",hidetimer)
  }" y# e9 c6 F+ ]1 w   }
, g' `1 [0 |5 Q' K; ^5 u
( H8 x5 S2 }0 S. q- d. {% pfunction moveBall() {
% E9 \6 m  n' S+ }   if (superballRunning == true) {, k! A2 x" v& L. @" k
      calculatePosition();
9 E2 `* Z  M( `/ Z* M& }( O      if (document.all) {
& E5 b6 b) Q6 N% a$ G         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- w: C: N  G' H* w         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 f0 O9 |; x7 s$ G6 I% R         }
8 @8 v' N. P# P3 R$ L; T      else if (document.layers) {
9 U1 n0 {" i; c) }         document.layers["supertext"].left = xPos + pageXOffset;5 h6 ^. C) B. k' k0 {6 {! x
         document.layers["supertext"].top = yPos + pageYOffset;# i  z* c2 T- J2 V& q
         }8 w7 f. |, U$ i- h
      animatetext=setTimeout('moveBall()',20);. v  Z: ^2 I2 V7 m3 Z' L
      }
# P+ T( U' }( V- F+ |) M+ u: q   }6 U' K/ I" ^1 s/ f- t

3 E/ w4 n; ?& J# v0 `: |' r' Lfunction calculatePosition() {( B; `) _5 w' S
   if (xDir == "right") {
% ]" M& ]& w: O" P      if (xPos > (xMax - contentWidth - BallSpeed)) {5 L0 S- [) G6 G4 C
         xDir = "left";3 q' ^  N: {) q2 w
         }
, T# d6 |; ?8 q! j9 q      }9 K: l" D8 v& g6 X; y# _& }
   else if (xDir == "left") {
; C" e) w% Z$ B, N0 R      if (xPos < (0 + BallSpeed)) {
  j. w& J+ a# v         xDir = "right";& ~9 L: M" ^5 x# z( \) G! w* j3 {
         }
& Q/ ?  T" z, p  A) _  Y1 |4 W      }
* B( I0 t% t! \: v+ C   if (yDir == "down") {
" x/ P8 `+ H! O2 A7 I( ~; B9 Z      if (yPos > (yMax - contentHeight - BallSpeed)) {
- F3 F7 z, v3 m2 Z+ F- p8 t# U         yDir = "up";0 X5 e% c" ^) Q: i8 u& ]* c; P
         }
6 F+ ~+ _" ~/ Q) Q5 e8 N      }# M/ R6 D  a% l/ Q1 M
   else if (yDir == "up") {
% P  s& [2 e9 k; o' D      if (yPos < (0 + BallSpeed)) {
6 o1 h" O2 I& ~         yDir = "down";
+ @* O: ]2 h( u, {7 Z         }" r% W) c3 Q6 f) s
      }6 ~; G4 k( V! Y
   if (xDir == "right") {
, a- H4 Z8 b4 e9 S$ h      xPos = xPos + BallSpeed;9 Y- t2 p( `! @: ~) p
      }# z5 l- w; V( S: s8 S
   else if (xDir == "left") {5 N) ~: M, O+ y# s5 b  z  i9 n
      xPos = xPos - BallSpeed;
0 a6 S, E) r4 D  X      }2 r& y4 a, Y7 d% f/ G' x
   else {( ?( \7 B- _. \
      xPos = xPos;
% k9 M  {: i; r8 ~5 |      }  \% x' ^# S$ d. G9 h
   if (yDir == "down") {
* p6 v$ d4 p- X7 }$ r1 C. f; {      yPos = yPos + BallSpeed;) \4 o* m2 f' N# a( N1 Z9 v! T
      }
7 R, X7 y: }2 b+ p$ w! @   else if (yDir == "up") {
1 d1 n* N  c1 ]1 u3 K7 H6 G( k      yPos = yPos - BallSpeed;* K5 P3 ]2 K. T& {
      }
( G( f& V* l* L$ T8 q, X- e2 d   else {
; z2 G4 x$ d, R6 |3 x2 ?* Q      yPos = yPos;  V. O0 d2 Y+ w' m7 R
      }$ a. Q' P- P: L8 b  X$ x
   }) g: ]  K$ W! M" f3 n
1 H' c3 C+ y; e: s
function hidetext(){
) u- O3 E5 |8 k. \6 I+ n  kif (document.all)1 y8 `  T1 R& o: `# J
supertext.style.visibility="hidden"
: y3 A8 @( |* H8 pelse if (document.layers)
+ i, z$ P1 ~1 {3 R* v0 J1 W! |( h+ Rdocument.supertext.visibility="hide": A1 v  ^, i- T8 C5 y- [, k
clearTimeout(animatetext)9 Y) o6 f( A: {4 b- y* x. y
}/ P* z) G4 e8 b: H( S
& @" i1 \1 O! Q
if (document.all||document.layers){
$ r. F9 D' i! @5 ?" xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, `% H: `! G! U& a6 `. X1 R7 jwindow.onload = initializeBall;
- N% @- d7 p( Y* ~+ o3 l! `window.onresize = new Function("window.location.reload()");: U- Z$ t3 t6 Z5 s: u
}
+ `( K. {8 L- y  d
2 F* a) R8 v* S& L! ^4 q2 e</script>