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

zw2004

<style type="text/css">, R6 ^# l$ u7 L( e& B% ?. H
#supertext {* z2 X: P" v6 k4 L, T4 k, A  ^
position:absolute;
6 Z- q& x/ B* {% G, C: ~left:0;
$ i1 j; \4 Q1 ~+ P' Qtop:0;
, W0 k2 g9 C! ]- h- Vvisibility:hide;+ s& i8 M. A5 \( c: v" x- r$ L
visibility:hidden;
9 {2 T) v* ?0 {+ _}
  a: [$ k/ o+ z1 p5 C</style>
2 U# _! R; J- C$ h7 n<script language="JavaScript1.2">
! {. L5 X5 J$ k( G' K6 J<!-- 改变下的字体的大小。颜色-->
. {; Y( v; L2 L8 u' Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 d" f  S$ p3 P) P
var hidetimer='';: O2 G" B  k8 e8 S% p2 i( `
<!-- 改变下的弹跳速度-->' k" k! A3 i: q7 ~
var BallSpeed = 20;) C) f; {  q8 w! Y( d" g* J5 x
var contentWidth;
2 O! k3 p6 e! k$ j' `var contentHeight;5 N: y7 j# y% L
var maxBallSpeed = 50;
! A: m8 o. _- {- \) i! T. }' M8 X) x9 q, i) T; q

# Z+ s2 u- u) H- H$ {1 e) jvar xMax;
, O6 r& q3 ^7 evar yMax;
$ |$ d2 l3 m  X/ ?& K/ I! n  ivar xPos = 0;
8 w0 o5 p4 p$ [5 \8 \* C9 evar yPos = 0;
1 |- q9 U; L5 k$ bvar xDir = 'right';
( P8 J' h, \, Y- u* A9 tvar yDir = 'down';( K5 }0 h7 L4 [+ q1 i4 e# r
var superballRunning = true;
# {$ D0 u3 r0 z0 r6 C$ cvar tempBallSpeed;- [9 B7 z7 c' ?: @: D9 b" ?
var currentBallSrc;: H& i. z1 c) h, m; r* j! }% D" \
var newXDir;% i" T1 A. J" U# s/ a% H- q% \
var newYDir;
4 p4 g- e5 ]% |2 s8 x8 |- s
# f2 ~% I4 b' U3 D: y% b3 O5 C: Ufunction initializeBall() {0 V3 v; Y8 }- y2 E) @. M1 Y
   if (document.all) {
- g( s8 ]3 c5 [- r      xMax = document.body.clientWidth
& u3 u, m1 y; c$ k8 b* \+ g      yMax = document.body.clientHeight
( M5 S' p, I  f" a      document.all("supertext").style.visibility = "visible";& {  s9 ?' _6 S8 {9 z' Q
      contentWidth=supertext.offsetWidth- [  |4 B, X# U8 l6 L) D8 n9 d5 l
      contentHeight=supertext.offsetHeight) p- a% r6 G# r- m  J
      }* j1 `8 _( h4 J: S2 b. c8 K2 O
   else if (document.layers) {
! f# u6 n5 C9 |4 b% M# n) S- {      xMax = window.innerWidth;  S6 P3 ~7 P. G2 q, a0 n
      yMax = window.innerHeight;
5 ~% a$ n  p+ N5 }( x/ |  p7 k      contentWidth=document.supertext.document.width7 X! X) B+ U! ~# ?/ X" B5 s1 ^
      contentHeight=document.supertext.document.height: [( h2 j1 b( f2 |8 i1 n& j
      document.layers["supertext"].visibility = "show";! x& H8 O! U( T# s8 |
      }
, x# s( @& f% X$ Z   setTimeout('moveBall()',400);
9 I6 \, v! @! k- p+ C# S   if (hidetimer!='')
3 Y7 }  ]9 f6 B   setTimeout("hidetext()",hidetimer)
" `6 W7 k, B* m- a6 k7 v: I% {   }+ \, y# R! I4 Q1 v) y+ V/ f0 b8 s; R

: j& n# ^" C) I0 }& O$ x' v% L2 d' wfunction moveBall() {
1 N5 t& Y$ I. g$ P8 C# L" d   if (superballRunning == true) {* G3 E& L6 j: P+ Q/ g6 P
      calculatePosition();
$ c& F8 D' N% @/ e% ]      if (document.all) {
5 J- a* |- V1 j& ?         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 G2 J' D- L2 c# F$ O; B6 p/ n# A         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 ?1 Y0 m, x) z) a6 R" A         }
! q4 x8 Z! c& ^' W6 z      else if (document.layers) {
& t& R. _$ \0 e         document.layers["supertext"].left = xPos + pageXOffset;
8 v$ v- P& X: A- k         document.layers["supertext"].top = yPos + pageYOffset;) E( H" S3 q5 x
         }9 _7 R3 s; u5 E1 k; |3 t8 O
      animatetext=setTimeout('moveBall()',20);6 x7 ~3 w" K6 i9 m/ h
      }4 r5 [2 g# _0 L4 t6 h& F
   }) ]5 I; z: e9 h- G% w% `
8 u$ U" D. e- a" Q
function calculatePosition() {) y  z4 e3 I3 i/ B5 H! z
   if (xDir == "right") {9 T1 {7 y8 w+ a- F/ F/ z
      if (xPos > (xMax - contentWidth - BallSpeed)) {7 ?$ F  F0 l8 v8 a7 X  l
         xDir = "left";. o/ l  [' m* ^4 n. B0 g1 J
         }
: W5 p7 \1 v! |- y0 b  W; @      }- X# K+ Z2 f' P! F/ o& i! E
   else if (xDir == "left") {
1 a- I9 I; y8 ^, g0 S, d9 x# N      if (xPos < (0 + BallSpeed)) {: e) D- W* w. K
         xDir = "right";
6 P  A' k" K% Z         }
- s, f) u! X  }* n3 ]      }
# v7 e  Z. [0 B+ U" S. T% ~   if (yDir == "down") {; Y) i7 a# J1 f- Z( n0 l: r
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 z/ F/ N! ^: ^7 }" m
         yDir = "up";
% x4 ~7 ^- X2 B7 N         }
7 x* M1 c( M0 {# ]      }9 Q) N) {% v) `/ w4 \& m
   else if (yDir == "up") {
" }8 \- \) M, U# t) A$ w6 G" w      if (yPos < (0 + BallSpeed)) {8 `8 T7 a: s& m5 e' l( a9 s4 A
         yDir = "down";8 V& S  K0 T% l% V" U, M
         }
1 w9 V. o' y- h7 R7 R3 i: P      }+ P4 d/ o, V% I2 M4 ]
   if (xDir == "right") {
/ ]+ ~& e  k# K3 l3 C/ O      xPos = xPos + BallSpeed;1 @. {  Q. q7 b% P9 I0 c
      }! ]* I" o2 a4 ^, ?  y
   else if (xDir == "left") {$ E2 u+ ^; O2 d3 `; v1 a
      xPos = xPos - BallSpeed;
% h8 ?( m; q8 ?0 h: p; w      }
- d4 O9 I( T% U9 |   else {( t; H5 u5 I0 ^9 ]; {
      xPos = xPos;
6 I1 q$ T# z/ d      }
6 ]. E0 X/ L6 b3 g% G% L   if (yDir == "down") {) N8 T4 m4 J8 m( s* _# W- p7 ?
      yPos = yPos + BallSpeed;
  b  d3 G# h  M2 x. D- y1 ?9 I0 ~. d      }6 G, f; {# v! {/ i' \
   else if (yDir == "up") {
. R; Y! [2 @) f- K      yPos = yPos - BallSpeed;# K8 Y, ~$ t8 s
      }
! s) @. g- C3 L% f6 K6 L! V$ z   else {
; _( J2 a; \( n+ q      yPos = yPos;
8 ~8 a; g$ {# K' ]# s      }
6 ^, K2 F5 c; y7 o; {2 N# J+ |$ Q   }) i/ u" X# x- T4 \4 t
( f4 `3 C: x5 ]) q9 ]' M6 _! b, G
function hidetext(){
* a2 Z* J6 r) V9 P7 n: Iif (document.all)
7 |6 ]+ }. H! N/ _supertext.style.visibility="hidden"
& c9 y: J+ ~8 `& ~else if (document.layers)4 I) i" D! r$ H  d
document.supertext.visibility="hide"; j/ P4 C0 q) ?: `$ ?" t
clearTimeout(animatetext)4 P; g) r& F) i- s. b( s- ~
}( Y* w9 g! W2 d+ q: S4 Q
- b3 [9 K* o, L9 P6 I$ b9 s' X" P, z
if (document.all||document.layers){
: f8 L0 \* @; W; Idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); A& |/ r  i1 B' S/ C2 J1 I
window.onload = initializeBall;
8 n6 I: i0 Z* @) V8 J0 x. Mwindow.onresize = new Function("window.location.reload()");
( B( k3 R$ Q% t3 y. X- U}) H+ w- k' C3 U- I6 v
% T* K2 S) j0 R; B
</script>