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

zw2004

<style type="text/css">+ D- M5 F% j0 p" t1 k% g$ }
#supertext {: p, O  r8 ?( \5 H" p
position:absolute;
/ b  ?9 a3 |2 C' D. @+ Yleft:0;, E! e6 U6 @* Q0 _& s+ ^
top:0;
, X9 E1 ]- R' m, C5 q0 }) rvisibility:hide;
* Q8 Z6 s0 E* w' s# E1 A) r3 nvisibility:hidden;: `3 N" s- g1 ^, c" L1 u
}
( h. c& K4 d7 ~2 p; q( S' p4 A</style>: i" Q4 y7 R8 Z5 x% [
<script language="JavaScript1.2">
5 u- U$ J- n  U8 Z. X8 G<!-- 改变下的字体的大小。颜色-->9 q1 |8 S9 I5 Q0 x1 \3 R
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% F. Z  ?" c7 j2 U
var hidetimer='';* `* k/ @* z* d
<!-- 改变下的弹跳速度-->& t. W% e; q6 z* ~: k
var BallSpeed = 20;$ s" c( X5 T/ f1 ?
var contentWidth;
3 h7 j1 Q/ ?, w1 B3 rvar contentHeight;0 L2 M* B5 F. \* h! z- J* s$ f6 j+ u9 `
var maxBallSpeed = 50;
" _5 }- ~! j' k) Z& [8 R/ i
/ O) z; e/ |; L8 {! n1 s  z' m) Y) ~9 D; U7 v# Z0 h6 w
var xMax;7 [& `. X4 J$ y1 B% ^* \. j
var yMax;
$ N8 k6 G- g6 ~2 ?2 Kvar xPos = 0;
! t) W: v6 V# u- A6 A1 w* T2 Jvar yPos = 0;# F- F& Z. G1 v6 B9 q+ h
var xDir = 'right';) m  G. B. G$ F6 m
var yDir = 'down';
9 J8 W% c: h6 `% O& |% wvar superballRunning = true;
' x3 o3 X8 l+ y  ]% P9 I: hvar tempBallSpeed;
$ y; [7 Q2 O( T6 lvar currentBallSrc;+ J  B4 E! R5 y/ \: l# l4 U0 A
var newXDir;
, J+ H; f0 Z/ F# L: k2 f& F* mvar newYDir;
, z3 c& C5 O' M3 S. f9 x
6 {/ x; D9 Q$ T6 b: Ifunction initializeBall() {
' g: v: G  b6 u2 i4 M# r   if (document.all) {
- ?3 d( l" o- S2 H$ i$ b3 B$ ^      xMax = document.body.clientWidth
/ o: ^( X& K/ @+ ?      yMax = document.body.clientHeight
+ I1 T, t3 v' \+ \# [      document.all("supertext").style.visibility = "visible";" }1 Z. P2 {# N6 v/ _. s
      contentWidth=supertext.offsetWidth: D3 i7 d' h2 G( f4 c! z
      contentHeight=supertext.offsetHeight  t, G* D2 x2 M' w
      }: z0 j' l+ T$ z' X; D6 H
   else if (document.layers) {1 T8 ~' @; B! s
      xMax = window.innerWidth;
9 h/ L7 a% [2 u, P7 K# D      yMax = window.innerHeight;- d+ Y8 |( W# q
      contentWidth=document.supertext.document.width, V% j) n! W% q2 Z  r, {) Y" j
      contentHeight=document.supertext.document.height) b1 K0 _5 |3 }* J5 n6 Q! q3 |
      document.layers["supertext"].visibility = "show";7 f+ u9 u' c8 j; d' E8 {5 m
      }
! L4 t* {2 u7 h  g5 ^$ I4 Y- M   setTimeout('moveBall()',400);
+ B6 @- }6 P" |, T   if (hidetimer!='')
$ T. R/ P' Y% O$ V' {$ }% k   setTimeout("hidetext()",hidetimer)% G1 v* x: E6 |( w0 V9 ?1 X
   }" X' F% P5 S2 j, {  _+ T" H; X4 u

4 |; @8 x4 p* j% Qfunction moveBall() {4 g; {/ `; U. d) X
   if (superballRunning == true) {% o) N8 T4 {9 X* a
      calculatePosition();
* E  K: H( v& T8 \; _. u: y; `      if (document.all) {. `- X+ y5 w* H7 k
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* j( v5 M$ n, Y: m" q         document.all("supertext").style.top = yPos + document.body.scrollTop;
( o& X: d  W- K% g         }
, G9 K, [8 a8 b! P9 U9 X: r      else if (document.layers) {1 _" F6 v: B9 S) a
         document.layers["supertext"].left = xPos + pageXOffset;
$ \4 p6 r+ ?; m7 s         document.layers["supertext"].top = yPos + pageYOffset;
- J& f) ?! V4 R         }  t% b1 I" v1 h$ F6 `( n
      animatetext=setTimeout('moveBall()',20);
4 h: }8 G8 `" n3 r( K      }: l5 k, Y, j$ Y8 O* Z
   }2 d% o5 Y& a* S  _

/ h( \7 R, w3 T# N, t4 Mfunction calculatePosition() {/ H, j# u3 J! _4 E5 n: ~9 B
   if (xDir == "right") {2 q+ S  z0 p) ]* K# x
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9 ~9 T7 p- E+ u/ z: Q' I* u         xDir = "left";0 w2 Y4 B6 Y7 a
         }) _  E- b- e8 @! o- M
      }* e# q7 e, I# x& N6 B# Q  g0 g8 U
   else if (xDir == "left") {9 z2 ?5 O1 w$ v3 B( d! l/ {0 b
      if (xPos < (0 + BallSpeed)) {' H8 l' W: _* B' V0 k" U
         xDir = "right";
$ I5 l! x6 m$ `" s6 P         }* T) A) V3 _$ `1 c$ f- j
      }! n1 s' k4 s9 i9 [
   if (yDir == "down") {
* X% c+ G( _, l" p) X      if (yPos > (yMax - contentHeight - BallSpeed)) {
. A. G. X* R, i         yDir = "up";3 O) L8 G/ G1 ]) Z& m8 x5 z
         }" r; @6 E5 n5 W8 H0 Q2 m0 P
      }
6 F, A* y4 r0 P   else if (yDir == "up") {
8 v: u$ U; b- W% A5 p! P      if (yPos < (0 + BallSpeed)) {3 h+ |4 Y1 x: {# f: {$ C- a) @- m
         yDir = "down";* t, f" i! f0 W
         }# `8 b$ w+ _0 i6 [7 E/ q! t
      }- ?; S" S% x# e5 _
   if (xDir == "right") {
/ T- t  O/ h8 f- g+ J1 x: O" C      xPos = xPos + BallSpeed;
8 C) X' V1 P1 f0 q7 u      }
% I, g  Z* E) C, w2 [& o   else if (xDir == "left") {, Y& C6 n. Y+ y% a3 C# n$ C
      xPos = xPos - BallSpeed;8 c5 X& [0 ~: j; h9 P: p
      }
& c: L- F" }/ Y6 [' y   else {$ U! V, ]9 H5 {3 U% }8 q3 v
      xPos = xPos;
  D7 K3 w. a: J9 K, ]      }
4 S9 c, t4 ~% |   if (yDir == "down") {
$ C, J- Z6 |. Q4 X7 c& ~      yPos = yPos + BallSpeed;! @7 [5 O( l. {, e  h0 H) Y
      }7 [( O& k  X0 y' l! p" n' J+ [
   else if (yDir == "up") {5 ?% K8 X  r8 J
      yPos = yPos - BallSpeed;$ v; ]4 n/ T8 ?5 H; M
      }
$ x+ ]4 |. a# {1 M, }; l# ^   else {8 u) a8 x/ z! b, x' e+ `
      yPos = yPos;6 |) K& T- G  \7 A1 W
      }. k0 K6 E+ ^6 ]* r; D1 H0 n
   }
2 g* i) \# C: q7 v2 u9 ~: \6 i7 T: n
function hidetext(){
5 R0 ^' O! {0 t: H0 {if (document.all)
* ?' m" i  O' P7 psupertext.style.visibility="hidden"
; f6 d$ X, k) x9 ^  D! belse if (document.layers)
2 D; J( A% I  ]: s7 Gdocument.supertext.visibility="hide"( g* ]4 `. t) L; K7 a+ E
clearTimeout(animatetext)
8 C6 @2 U, W8 G$ D! v' n. _}6 j/ A% N. u+ I

0 ]$ w: ^1 l, Fif (document.all||document.layers){8 i' ]# q- u3 w: O& B0 F8 e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' V6 b( v) m# p# R6 U" |. n& E
window.onload = initializeBall;) R6 [7 m, b* {7 p  y
window.onresize = new Function("window.location.reload()");
; s, R0 u7 y( J/ K% m}# Q( g4 o" i- i8 B( n/ K) q; D# q
& A4 {( V# D9 ~! i/ c$ Z' q) g
</script>