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

zw2004

<style type="text/css"># I: z% j5 L4 D" p/ ]+ s
#supertext {
* F* U* ]) |7 }  Q" yposition:absolute;
5 [8 f- d3 b2 ]9 P2 L, h0 o9 Xleft:0;
* M$ z, K$ i( @* \; [top:0;4 q5 S( Z: Q% U  ?- h
visibility:hide;
2 b) I8 O9 R6 @! T' o, D" N& Gvisibility:hidden;. B9 T& K2 k# s8 l, Q0 K% C
}" ~" S9 t( Z1 x; O/ n" O: I$ y
</style>
1 q5 ~, h0 |. ~, s1 @, s<script language="JavaScript1.2">7 `# m0 e1 F8 C  @
<!-- 改变下的字体的大小。颜色-->
: \1 Y2 w  w; _8 J) x8 Pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 p  K6 H& C! C7 J6 k5 W9 lvar hidetimer='';
5 k1 B7 }  b1 J  v<!-- 改变下的弹跳速度-->4 k0 M7 W0 i; w" w  O
var BallSpeed = 20;
# k5 R# y5 _: @* N* \2 n% u; Fvar contentWidth;
: A% ^0 E% O, K, n4 Z) fvar contentHeight;
% q0 O7 |7 m+ F1 _var maxBallSpeed = 50;
( R. J% I3 j9 H, C* {" s
" X5 @6 M6 H; d- Q* v( y: u3 t% p$ X5 R8 A$ J# u5 v
var xMax;
( S& z2 h# R$ E- _3 e5 \, H2 nvar yMax;# O9 {: {7 d& V6 m8 V3 ~. v" u
var xPos = 0;; G+ M# `& I5 S2 W' k4 z
var yPos = 0;
/ Q# ?+ C# o" Y' o7 q8 d8 ^/ O: ivar xDir = 'right';
# {3 C, [* n) o" Ivar yDir = 'down';
* Z& I3 z6 r: r7 Jvar superballRunning = true;
$ {  B+ e. O5 pvar tempBallSpeed;
. W& S, @6 k3 s9 d: `var currentBallSrc;* {, w4 ~, ~7 z9 v. E5 O  g
var newXDir;; i! V8 Y9 ]8 U! T* F$ |- }
var newYDir;
" ?* K! A* x) D: F0 t- _6 E1 j6 v$ e; i6 }9 o* d  a: U
function initializeBall() {' G6 M9 `- u6 N5 A( G
   if (document.all) {
1 A5 D  D6 F! v% O0 x& H: Q9 ^      xMax = document.body.clientWidth
7 v/ I; P. g. |0 f3 P* i* J$ k      yMax = document.body.clientHeight2 @& Y# w; f" l( t4 _, i
      document.all("supertext").style.visibility = "visible";
8 a0 G) X# j" U( W      contentWidth=supertext.offsetWidth
" M, ]9 z- x) d3 r6 N7 i      contentHeight=supertext.offsetHeight* P0 H' H7 K3 c
      }2 y1 p( ]8 W% e! F5 J
   else if (document.layers) {: T, \4 Q4 Y. m4 w
      xMax = window.innerWidth;( K* }2 t1 e: X* E3 P) o3 [* T
      yMax = window.innerHeight;
: p; G& G! v( U4 L6 v" t* P      contentWidth=document.supertext.document.width
0 B! n" }  a) P9 B: _# N* V      contentHeight=document.supertext.document.height1 z  k- B% u# B0 \; F
      document.layers["supertext"].visibility = "show";
2 t+ Z! c- a" h      }
4 k$ y2 ~! Z" `- N: W   setTimeout('moveBall()',400);
2 U  {2 n- n2 k) w1 k: J% f, d* O3 r   if (hidetimer!='')0 u2 I7 m* d; V% M& ]- u; h; \
   setTimeout("hidetext()",hidetimer)
# y+ D4 l$ a8 ~) m   }
0 [/ y! M2 q: ^1 x
$ N: r# L: ]2 G+ S2 W& ?2 o5 ~, z7 nfunction moveBall() {3 ^& e! a) P* [) O% C6 v
   if (superballRunning == true) {
& z) F2 }, I; j# P  n" d: S      calculatePosition();
' h* ~! p' _. [! L      if (document.all) {
5 h' }( H/ P, D+ R; d7 R         document.all("supertext").style.left = xPos + document.body.scrollLeft;  ]5 v2 E% Y( u6 `# R. ~- r
         document.all("supertext").style.top = yPos + document.body.scrollTop;
) z6 `1 ?5 }* C1 K- V) f         }
7 {. L% H6 m8 r4 P5 {  q      else if (document.layers) {
) l1 P. J2 w6 ~6 K1 v' T         document.layers["supertext"].left = xPos + pageXOffset;8 q' i* N2 E# o: `
         document.layers["supertext"].top = yPos + pageYOffset;
4 u: \# l  k2 R9 ]4 t' B$ m- |9 ~         }; t: n+ Z* w  q! x8 S3 j1 D6 K
      animatetext=setTimeout('moveBall()',20);" l  }& @) f, y' d, }
      }3 K# u& \( K2 z. x9 M  U1 R
   }6 E5 G% b/ g6 R5 V9 f" ~

9 Y) O$ ?6 C1 y% H) l, Ffunction calculatePosition() {# `* C: Q; l" Q: [0 |/ J7 r
   if (xDir == "right") {
- f" b& W& n  v3 {      if (xPos > (xMax - contentWidth - BallSpeed)) {7 `/ H6 A/ r0 R8 M$ s
         xDir = "left";# z6 D& O# @; f8 ^! {6 M
         }
7 l$ P' V# ^& F2 r% {# l      }
  Q# ]. [. I+ `; Z   else if (xDir == "left") {3 U- @; U5 j9 K$ w! H! e
      if (xPos < (0 + BallSpeed)) {5 F5 _" P( g$ l; v  ?6 F
         xDir = "right";* p7 e+ I: ^6 h
         }* z5 J) b5 H; m6 M' z# w' B
      }* k% E! t8 J  {4 Z
   if (yDir == "down") {: Z- R  g7 K. {- D
      if (yPos > (yMax - contentHeight - BallSpeed)) {" P; N8 Q$ {% g9 [
         yDir = "up";  Z1 _" d6 Y' I9 j. ~
         }: _! x2 l: o! W: ?" d' h
      }, V+ r, b/ X9 e( \
   else if (yDir == "up") {; r8 }. y( k% t: {" J
      if (yPos < (0 + BallSpeed)) {' ?; H  T& ?; i- ~- m
         yDir = "down";
& ~2 F- a& z# ]         }
8 B2 n, R& O. z4 E- z      }8 K' W$ V9 @0 H# r2 w: O
   if (xDir == "right") {8 g  M/ z4 t2 {; n% F3 J
      xPos = xPos + BallSpeed;
" d2 e. U+ Q9 M) F      }' d/ B7 r; T# Y6 M6 H% B% n
   else if (xDir == "left") {( r/ P5 H4 ?8 V) [% S" ]" F/ _, [
      xPos = xPos - BallSpeed;' l" K$ v1 g3 v" P
      }
1 b7 I4 k$ I8 o' a   else {! a6 M9 a  e8 R+ L5 ]
      xPos = xPos;# L4 g# F) _9 H4 d' N  I& ^
      }
7 n, }, k7 E3 X4 A   if (yDir == "down") {7 [" S# ^8 L. p
      yPos = yPos + BallSpeed;
3 ?# \5 U4 T' `      }
! E' B# A* Q% ~8 O1 @   else if (yDir == "up") {- j! a( x+ B, a) w. ?/ B
      yPos = yPos - BallSpeed;
# ~8 k8 J# a5 X0 h      }
7 B; b3 B4 `3 }   else {
: e+ O/ E/ h0 d: k: ^+ G      yPos = yPos;6 J1 @2 @0 u, N
      }2 N# [) l& T& N0 v7 x4 g. [) v3 ?% {! X
   }
5 `7 J$ t. p: V+ [) Y/ m8 I1 g! s8 L* P! w) [
function hidetext(){( e4 ]/ r: f6 O  l) o2 I
if (document.all); C- ~2 n! @" c5 }9 v" C
supertext.style.visibility="hidden"3 i9 i: C, X# X1 U4 M9 T$ F. v
else if (document.layers)3 \, {* U: B7 J# G2 p. I
document.supertext.visibility="hide"
, I3 U3 l6 A* D( i  Z$ OclearTimeout(animatetext); }& G$ K  z. Z6 Y6 _
}
- c6 L& v" `* t  [% B% e3 _0 D5 H. |/ E- j
if (document.all||document.layers){/ i* `2 y7 F. z2 Y4 \; I' T9 \
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* _: A( p( @  bwindow.onload = initializeBall;  y* [  @( {3 V5 G/ Q/ _  p8 C
window.onresize = new Function("window.location.reload()");
% Z/ m: c" r3 h7 i! j% O}- l  Z8 Z- P& ^& v

% A) Z! @3 k% Z& g8 F</script>