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

zw2004

<style type="text/css">
3 {! t% d) }- v# N7 y#supertext {
1 l+ A4 n# |3 T5 W4 [7 h$ b& yposition:absolute;
  S$ X4 z6 G" n4 Ileft:0;. M; p7 T6 L/ v) h1 z& j
top:0;
4 B2 t% ^) u$ z- l2 ~' x6 @' W( Cvisibility:hide;4 h1 j8 F( T8 l) O. }; p; h9 o
visibility:hidden;( n4 P& j; J5 y, O+ _
}  ~3 ]0 P+ }% K& a& \  V% T
</style>; T4 T! I  X+ N
<script language="JavaScript1.2">1 K" K4 L" v  ~; {
<!-- 改变下的字体的大小。颜色-->
( O! |. g" a1 @' u+ Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" j( z3 \$ X, n0 H$ v; O1 `
var hidetimer='';- X6 ^) N5 e  \$ v' N* C' V
<!-- 改变下的弹跳速度-->1 J( |" l$ N, q2 ^1 l+ w* ^8 O4 \
var BallSpeed = 20;0 f. h9 C5 G& X8 s* @& H. Y! _
var contentWidth;! Y9 v- C- [( b) k4 P
var contentHeight;4 K  ?* H3 s, |; O$ B: [
var maxBallSpeed = 50;7 E. C4 L% H/ I' c0 u8 D
0 `! `, z& D9 B9 j
0 f$ [/ d' K9 c  X, L1 l
var xMax;
. G6 A0 F" A% z3 w, X' z0 Svar yMax;
% z, O/ ^; @8 Vvar xPos = 0;5 T* O2 }/ S8 z( |# u# W9 y
var yPos = 0;
1 p# ?) B$ w7 d' ^$ W& R% d. q# evar xDir = 'right';
% R, d2 b% [! t$ uvar yDir = 'down';" \# V' e. S4 [
var superballRunning = true;  ~& J+ e& p' ]% k: w* p6 z- {
var tempBallSpeed;4 Z0 v* q5 H$ D  Y
var currentBallSrc;
0 _; W" H% x6 D' `var newXDir;
: @! ~) q" a8 Y6 B) m# lvar newYDir;
7 N/ G( |! r% ~8 C* b8 V: @+ b* Q0 u, p2 F8 {
function initializeBall() {0 s5 q) n0 l; T8 V0 O
   if (document.all) {+ q2 ?( X7 u& X/ l1 }
      xMax = document.body.clientWidth/ n8 _' k0 z' k  ^. }5 J& V
      yMax = document.body.clientHeight+ P' Q% |9 ^1 U
      document.all("supertext").style.visibility = "visible";
  D3 `, l7 f  C" N* `      contentWidth=supertext.offsetWidth% p1 U  l, E6 U
      contentHeight=supertext.offsetHeight) ?  S% h, a* v- _4 `
      }
# G* S) r9 F2 ^: {- q8 M+ k   else if (document.layers) {, b- A9 L2 V, q8 h% }
      xMax = window.innerWidth;, E1 d/ G$ x8 E' {" L4 Q* @
      yMax = window.innerHeight;7 N, b3 S2 [/ y% B# z& b
      contentWidth=document.supertext.document.width
2 |" s( s' I4 x+ u- N      contentHeight=document.supertext.document.height
3 C- r5 o" t3 N& g$ P4 b5 c      document.layers["supertext"].visibility = "show";
* p. ~( a2 Z! K  c      }
' z# l, Z% b' u5 p   setTimeout('moveBall()',400);
9 ]" W$ c* C& N* _   if (hidetimer!='')/ o7 Z% e$ g7 }; e% @9 b, M% A
   setTimeout("hidetext()",hidetimer)% `- [; r# \$ b/ ?& |0 x) R
   }
$ \0 E6 B/ B. u0 ~- d
( I( N: S% E. E" x7 L% zfunction moveBall() {
* Y; u) B) v8 V5 H  {% r   if (superballRunning == true) {  m. @+ J, G5 F/ g% J8 _4 K" v
      calculatePosition();* d9 m/ d' e& k( \
      if (document.all) {6 p. Y+ g& Q: l! e% Y
         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 P+ c; L3 `7 O* Y
         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 _. \& j0 _& e& _8 }4 y         }
& ]: c1 ~5 ]: r3 S      else if (document.layers) {  W. r9 v$ q8 J+ Y8 d2 i
         document.layers["supertext"].left = xPos + pageXOffset;
3 I" K% I! \& W7 D) k& ~         document.layers["supertext"].top = yPos + pageYOffset;
- ~8 I# U' U7 U. u$ f4 a         }/ N0 `# j( M# u) M7 l' Q9 F" Q7 c# `' s
      animatetext=setTimeout('moveBall()',20);4 x( H6 }' u5 R1 x
      }' H4 M4 }4 P) u  |+ _
   }* e" |$ R3 }6 v

7 x: M' ~# Q/ `: q8 \function calculatePosition() {& c  _# {/ A& @# J% U
   if (xDir == "right") {( V4 ^' l% |! R/ H% ?9 m
      if (xPos > (xMax - contentWidth - BallSpeed)) {
4 M- Y! Z. }3 P. i3 l4 f' q: a, Z* [         xDir = "left";
& O. O9 b( l' f         }7 v: ?9 D: F; W  M9 C6 w; m: W
      }
+ {8 d5 e$ Q7 [' S+ V- j/ ]4 z   else if (xDir == "left") {
( M$ F: ]2 Q5 k- }/ o      if (xPos < (0 + BallSpeed)) {
* S1 ?( q' j7 e) e         xDir = "right";
) z& P' ^& \3 S7 B4 c0 Z  U) o8 y         }; [. J; z1 V# i' `
      }
' ^, D; M# H' ]8 a# M" X$ ~   if (yDir == "down") {
3 i* F8 h1 V' x, ]2 K. h4 k      if (yPos > (yMax - contentHeight - BallSpeed)) {
" i1 ]0 W, @" ^; O* _' C         yDir = "up";
/ d/ |, F+ _  U& p* s4 |         }
# Y8 r- n4 E( c" k      }$ {. m( R- l, u
   else if (yDir == "up") {
8 Z5 `$ O' D' T      if (yPos < (0 + BallSpeed)) {
+ ~+ ~9 m3 ~- ^1 C5 l/ u         yDir = "down";! h2 Q; o" o! Q0 I# d4 s
         }
( n& M4 F, e7 o7 j6 N( V+ U2 B      }
1 G+ A' N- [1 ]   if (xDir == "right") {5 V* I9 g( P2 L1 ?( X
      xPos = xPos + BallSpeed;
3 Q7 n1 T; u) g. K- w) ?  p      }! h$ D1 T, D1 D. l; j( ^
   else if (xDir == "left") {% x& U; v' `( Z! y; ^; Z
      xPos = xPos - BallSpeed;1 ~" r- U$ G/ n
      }
4 X. Z2 S" T* N8 {. O; v   else {' `% ?) ?9 S% {7 L$ C' \! D
      xPos = xPos;
" e( p" |7 N0 U7 f# [      }
( d# l/ S2 Q" S# Q   if (yDir == "down") {
: p$ o* W+ h  \: n# s      yPos = yPos + BallSpeed;4 E2 X. N! P% }' u0 X( R
      }8 W: c. R8 \* D$ X* x+ Z" l9 A
   else if (yDir == "up") {
* z8 L# _! n! `7 w      yPos = yPos - BallSpeed;
$ m2 ^  W' I( }5 k! }2 @* L! n; ~4 V# h      }
/ l/ J* N( b7 v   else {! u+ ?5 n. s8 J; }9 F4 L, |. A
      yPos = yPos;
2 X* x& r3 b/ G: v% C% F      }
5 |! m* a% V) b5 v5 m0 D   }! N4 h! c7 Q0 l/ r% M, }+ [

  v" m8 |! C  p4 A; bfunction hidetext(){
# W- ^# o1 r8 V0 a- Eif (document.all)
8 |; Z2 e; e, F1 b# r$ rsupertext.style.visibility="hidden"6 d% t; K* c' R# h9 c& j
else if (document.layers)
5 d" }0 J3 }  z1 i: qdocument.supertext.visibility="hide"3 C" p) L. V& l
clearTimeout(animatetext)
. M& Y* Y" K6 I' y3 a}+ [- F3 G# a: i3 q% |, z
" \3 L% d3 @- X" E, r
if (document.all||document.layers){2 r3 w8 @: H  l# _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); K& ?* P0 F( R& W  [
window.onload = initializeBall;: I' ~7 y7 |. B8 q" F5 H
window.onresize = new Function("window.location.reload()");& m1 }/ R& h$ {  k( P
}/ ^! x+ G+ Q5 [

9 o. \( h/ t, K" j</script>