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

zw2004

<style type="text/css">
3 z. I6 M+ B( O$ `6 Y; c6 u#supertext {
9 [, [/ X8 n. C* Rposition:absolute;
( n( X1 `- e8 i2 r! [left:0;
* x( ]( X3 z( Z6 Ztop:0;! i/ V1 d, g/ F; I5 V
visibility:hide;
7 \3 i5 I% h: k: R$ N* D6 m" m. t$ Kvisibility:hidden;: U4 a' @( g( w) V: J& r: w
}
7 e- n' c3 d+ J& m6 Y  Q</style>
. c+ [' X( J8 H; T) ?6 H7 U<script language="JavaScript1.2">
1 ?% M9 |, {1 e! |5 ]' e<!-- 改变下的字体的大小。颜色-->
% q0 R. y, ~' o, \3 Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 S* m* N; T  O9 M1 n
var hidetimer='';! X6 Z$ E5 H+ H
<!-- 改变下的弹跳速度-->2 ~" r' |+ Z: D$ A$ g8 X  a& u# {
var BallSpeed = 20;
! Y2 y- ]$ M( Q9 _3 G1 nvar contentWidth;2 f1 C1 \: n" e4 g
var contentHeight;& b9 ?0 U" F3 Z1 s+ Z. z  d$ J
var maxBallSpeed = 50;
, C, M3 U! r, j+ h
6 E  Z# c$ r, [& ]4 g. s# F+ m+ N8 F4 w2 S/ Z9 w% s0 ]
var xMax;! U' I2 e6 H5 c0 d9 F
var yMax;
$ \  |+ e5 I) I, l3 k# uvar xPos = 0;0 n& A" @0 t7 b3 F; X3 [
var yPos = 0;
) ?% Z1 I9 |/ e$ Q% |) W$ V$ ]var xDir = 'right';8 q1 O. T8 f, H7 H, S$ f8 ?- S- m
var yDir = 'down';
1 p4 R2 _+ G. f2 H2 v! P" [var superballRunning = true;
7 ~$ Y" b9 a! D% [! _8 \var tempBallSpeed;
4 M% o6 D8 U) R/ _+ cvar currentBallSrc;
" o# s9 c9 p6 {- y7 _var newXDir;3 x2 i$ m" w0 @: [. Z
var newYDir;' q& B) X& B9 ]5 v3 e& Z
" Z/ l1 g- m2 V1 {2 u, \
function initializeBall() {
8 e9 a) [, G: D! i' c   if (document.all) {0 O( \  i# g6 H: Y, f
      xMax = document.body.clientWidth) Y3 ^0 i* ]. |! u$ [4 h
      yMax = document.body.clientHeight! |4 {0 f$ l* a
      document.all("supertext").style.visibility = "visible";
! b. T- ^0 C! z9 H# k+ G4 }      contentWidth=supertext.offsetWidth' u* S1 m# Y6 N6 u, g7 o, z9 v5 ~
      contentHeight=supertext.offsetHeight$ R) R5 O9 _5 ^" B! T4 G& b
      }
5 k6 x* [& W  r' m9 p4 W   else if (document.layers) {: W9 H+ z7 H* [" c% L3 B
      xMax = window.innerWidth;. x2 l5 K+ _9 p
      yMax = window.innerHeight;, [7 B# f- b# R2 A, w
      contentWidth=document.supertext.document.width
; p1 `8 T0 d, b/ n) l( R) z: ?2 E      contentHeight=document.supertext.document.height
. Z4 t( o4 L) P! o# c$ q4 n      document.layers["supertext"].visibility = "show";
& F# l+ V# W# K/ V      }% n. {- w) i6 _" r6 I* h% `
   setTimeout('moveBall()',400);
' r' y) a& l5 _   if (hidetimer!='')
, e4 f# f* {4 _/ b   setTimeout("hidetext()",hidetimer)
/ P, w" N# L. @/ n, @  S   }
6 c" i- [! y5 G& h# ?  T3 g' |4 z8 f# @: f
function moveBall() {, b+ f. |8 ]! p5 }  S7 A& m% }
   if (superballRunning == true) {# _2 r; o# ~( s, G0 ]5 T
      calculatePosition();, c( i% L1 L! ?! {+ x1 }
      if (document.all) {
, A8 O  F8 n2 N" {         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( h" }7 Z9 r. V9 T1 M2 w/ P         document.all("supertext").style.top = yPos + document.body.scrollTop;1 E/ E2 l. o+ U
         }. u* [" `$ y6 K: o; S
      else if (document.layers) {
. ]& ^. B+ K3 h3 i         document.layers["supertext"].left = xPos + pageXOffset;( W  R9 _& O3 m  {/ V7 Y5 W) Q; L
         document.layers["supertext"].top = yPos + pageYOffset;; D+ s- `; C6 q% B% M$ Z3 v. v
         }& R5 }; Q+ ^* ~! s! L6 R+ m4 y  n
      animatetext=setTimeout('moveBall()',20);
5 u8 ~- j& A0 H4 V* S      }
. v' K5 u; P' @4 F   }5 B4 o( h$ r: ^( r+ n0 }

; L* |: A" _/ \: y/ @+ d) qfunction calculatePosition() {
& ^0 l5 K$ P2 m" A   if (xDir == "right") {& Z; C1 i2 x' W8 ~
      if (xPos > (xMax - contentWidth - BallSpeed)) {
4 U" i) m% Z; b  W! d4 d$ ?         xDir = "left";
( @) v) y2 n. h$ [) t0 g5 M1 N         }( q& e! x& Y' D  o  b0 N& w
      }& ~5 t: T% O5 q* G7 N' h4 Z3 I/ D
   else if (xDir == "left") {
2 j0 |+ r5 ]+ v/ W3 P6 [" H      if (xPos < (0 + BallSpeed)) {
7 ?& E9 Y$ v# B3 L         xDir = "right";9 y  H: L6 @- `; k
         }
  i; P- i7 m( N; y% z, i: r      }
6 b8 f, A3 |( O* P& l   if (yDir == "down") {
3 |' H# I5 z0 B/ K) o4 c      if (yPos > (yMax - contentHeight - BallSpeed)) {
  Z% X/ b  W' X         yDir = "up";6 w1 P. R- `2 b9 L$ ]1 T+ K6 Y- A
         }# v" G0 I; y$ ?& l! q5 H
      }' c" K- I$ r* X$ D, O
   else if (yDir == "up") {
+ O( \  Z& F/ O      if (yPos < (0 + BallSpeed)) {
5 z1 J$ g0 d* q) N( C         yDir = "down";
1 |. b' w8 w4 f! r! [3 d$ U         }9 ~8 _1 a0 R# h
      }
+ V! M" X/ F2 D4 L# f) I3 @# @4 K   if (xDir == "right") {0 ?1 u1 E# H" u
      xPos = xPos + BallSpeed;
( |$ X/ b4 J$ ?) D      }
. H/ L) B, w7 G- e4 z   else if (xDir == "left") {
0 r7 l$ X' [# _% z" i      xPos = xPos - BallSpeed;  H- ~/ p1 V0 p; K: R  r* W6 G
      }1 M% q: i1 Q2 n: w
   else {
2 g* _2 e0 l1 u8 `      xPos = xPos;! k$ S! W. J3 R5 I: J& ?6 b0 e9 E
      }
) w0 l0 `: ^  s% _: D" L% k% z   if (yDir == "down") {
0 y0 A( b" r2 p0 q; ^# |      yPos = yPos + BallSpeed;
" M9 o8 v& D+ V( w. j8 q      }
0 R! J& V: j+ u: s3 t& R   else if (yDir == "up") {$ E/ I; S0 j: U9 q8 ~) q
      yPos = yPos - BallSpeed;  h2 a4 m8 q1 t+ G7 ~$ ?
      }
* ]) ~1 p0 D; v1 k- \- a0 a   else {$ _9 O3 {+ V- |: X& e* x
      yPos = yPos;
: [1 r3 Q. v- Y9 U, _5 K      }
( g3 j" O$ h( c$ e/ u   }. X5 [0 `! `/ j! M0 o7 a
6 p" I' d$ k: e1 w# [
function hidetext(){
% G$ q" y) l! x2 Mif (document.all)
8 I! A1 T$ C. r. J7 q) {* Qsupertext.style.visibility="hidden"& Z: Y8 _) p+ N+ i6 q2 x2 C5 Y, M
else if (document.layers)9 l: x& W9 u1 v+ a! D3 W
document.supertext.visibility="hide"
4 Z* E7 Z/ [4 B; ]clearTimeout(animatetext)
) W6 k$ _1 k: O4 v3 R% s9 _5 L2 r}
% t) a' e; M2 q+ g8 }
: W) |" P* @6 r9 g) Q! p$ ^if (document.all||document.layers){$ F' A9 w) H) _4 X# E- y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 G& U4 j( M) P: E( t
window.onload = initializeBall;
3 D* G, }: c. @- Zwindow.onresize = new Function("window.location.reload()");! z3 v* O) A% {$ s
}' V' \$ O  X9 A9 D$ y/ H

8 ?) z  {9 v  l. l# Z: r0 \</script>