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

zw2004

<style type="text/css">/ G3 z# a* G, T* T
#supertext {  g- P8 p! j) t2 V( m, l- \+ @# O
position:absolute;  z0 r/ y- w$ F; ?
left:0;0 H1 d' |0 M2 ]8 s0 q% J* Q
top:0;' P& H0 u8 x' M
visibility:hide;
; }& O# J+ o9 K  _$ w6 F, mvisibility:hidden;- o% C3 m$ V" `1 @7 {3 b  y
}
+ `2 L2 l9 Z2 {8 g6 a( f# }' o+ C4 I</style>. I- I# r9 ], N' H$ G3 r  t" m
<script language="JavaScript1.2">8 o$ \/ J6 K8 E, y( Q
<!-- 改变下的字体的大小。颜色-->
0 m; H* _% f) Pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* k& ?) A  \# c1 p5 q
var hidetimer='';
4 ~9 z( P* d4 A1 E' u- y/ e7 |<!-- 改变下的弹跳速度-->4 _9 X) V9 z* ]# m5 Y
var BallSpeed = 20;# z, ~1 H5 O' u, m( y' N
var contentWidth;
$ _% F+ L: O# V3 y$ D9 D# o1 Fvar contentHeight;
2 v7 _; Y$ t" |6 J1 O+ {var maxBallSpeed = 50;: J( g) R% \: \, b6 K8 L5 [
7 u, `! [* l, d7 D9 K
% l4 w, L8 M1 P+ P$ ]
var xMax;9 [# ?1 r2 K) Z5 `
var yMax;" ^% r+ {- b* P9 T
var xPos = 0;4 \% R- }: H5 W; `* W8 q
var yPos = 0;) S9 g" r  d+ Z" V1 R
var xDir = 'right';
3 Z' r6 I! x2 g- S) z0 \. Z* vvar yDir = 'down';* K/ p+ p& V6 W8 N
var superballRunning = true;8 [) e( w8 M' y' C0 p
var tempBallSpeed;! t) I; B. f3 e
var currentBallSrc;/ t& k9 u! M9 F( y& ?
var newXDir;
. S2 f% C) U6 Q" J7 V  Evar newYDir;
% |: v; K8 k, [/ f
1 {. H, w  j4 d9 ]! bfunction initializeBall() {# \# ?" C+ X' c
   if (document.all) {
: m0 F- X' K$ p8 [4 l$ p      xMax = document.body.clientWidth! I4 [! K9 ]$ |% M, N, s' O2 D# Q
      yMax = document.body.clientHeight
4 l# f9 G  }8 b      document.all("supertext").style.visibility = "visible";6 l2 n* r5 A" |, f
      contentWidth=supertext.offsetWidth) Y' d1 Z+ h/ h* h. f
      contentHeight=supertext.offsetHeight
( Q7 b3 O5 \0 B6 k! U' D, i  D' H      }
2 C5 P0 T/ n1 Z  V% `- K* a9 Q* B6 [6 `   else if (document.layers) {
9 {, l; \. W0 M8 b( }      xMax = window.innerWidth;- ]4 z7 l7 y* ?; [. v3 B
      yMax = window.innerHeight;
' O5 v' U: h+ \# T1 C+ D      contentWidth=document.supertext.document.width3 {5 Z( M, N9 k. T. A3 P
      contentHeight=document.supertext.document.height, P3 [+ t5 `7 L3 J8 }
      document.layers["supertext"].visibility = "show";
# L3 h) c$ ^' e, S! U      }
: S% N) `) X/ n) h( Y$ m1 L( l   setTimeout('moveBall()',400);
  f/ T0 C4 ^" i. m( B; U  I7 ^   if (hidetimer!='')% m6 f* {% \, ^/ s: A& A: N
   setTimeout("hidetext()",hidetimer)* }5 S* q, z9 Q+ q# h8 U
   }) b; w+ \1 r5 H
; v% K8 y" {) \* E9 o. G9 z" u
function moveBall() {* N( g( j3 }& U* L3 q& ^
   if (superballRunning == true) {; [) ~: r" @; }# A) T
      calculatePosition();
0 \$ l. E% ]! Y' F8 ]/ F! C( b      if (document.all) {" D) D- F& X9 b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 C) f7 h) J% n         document.all("supertext").style.top = yPos + document.body.scrollTop;
  ^# V5 A* z1 {/ E1 B7 n4 b         }* d0 |: ?4 p4 p5 T( y/ V8 |1 s- j
      else if (document.layers) {! J4 o, }; o8 E+ o' ?
         document.layers["supertext"].left = xPos + pageXOffset;
# y% |/ g. v. K3 }! R* E, X( m         document.layers["supertext"].top = yPos + pageYOffset;
' s! `; z+ t. Z& v# e, B# y6 O5 Z         }
0 @7 m( _; l7 L% \* H) s) s2 _      animatetext=setTimeout('moveBall()',20);" v+ t8 s# f$ G7 [3 i3 f! v
      }
6 J8 ^6 z# U$ O   }/ l2 g% S5 R1 Q- I' Z" x

. j1 v9 B" n7 m. }* X& Z( B1 M; zfunction calculatePosition() {- ^. @' c4 o/ r
   if (xDir == "right") {+ \% [: Y$ r6 p+ M, M7 \
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 x6 D! F$ k: }2 m. v$ `
         xDir = "left";5 B+ i) W- ]% o& w
         }
; R4 P8 E5 W9 y$ y: o4 A      }
% S' q, A; Y5 D0 I+ I$ C   else if (xDir == "left") {
" U% k/ N) G; V- O) M      if (xPos < (0 + BallSpeed)) {
; y* x) n: P' }) r4 G4 E: i         xDir = "right";
5 \9 v/ D+ e6 k! k         }+ |1 g; G- }& j$ Z9 z
      }1 g; h2 k0 F3 ^
   if (yDir == "down") {
4 p6 B5 M; @' c+ B      if (yPos > (yMax - contentHeight - BallSpeed)) {$ @# h3 A9 M5 R
         yDir = "up";
3 _# g/ ~. Z  y+ t) {         }
, g( n. d1 w+ u5 P+ E* J      }1 a, f( _. z& A/ i- B. ~/ u* v& d
   else if (yDir == "up") {, A; ]  y7 F! h0 Q- w% y  w7 z
      if (yPos < (0 + BallSpeed)) {3 [/ d9 f- q* U. N3 \
         yDir = "down";
* j" c+ i- _& Y" ~' l" Y         }6 C7 I$ h1 C. E1 K% S
      }
  @, d7 {4 H% r* C# U- L   if (xDir == "right") {8 C: B1 w# v& s, [
      xPos = xPos + BallSpeed;
/ D9 r9 a3 e: e3 R4 P5 \      }
& c+ Y+ U4 n) \7 }0 M6 k   else if (xDir == "left") {
' Y9 h; [' [% f4 c. j; k( W      xPos = xPos - BallSpeed;
2 J" g* B/ u/ H% W      }
: j3 w6 ~( p/ n' S8 B6 F   else {
% H7 @7 h) G6 a      xPos = xPos;, D/ i  l9 o' s$ Z  f; q: {: T
      }" E* f5 O, [2 ?3 Q  K
   if (yDir == "down") {
- u+ O$ e! d! T% f+ J! h      yPos = yPos + BallSpeed;
5 ~% e) {3 B3 n9 \      }# E. g  E5 {* O5 Y) M, B
   else if (yDir == "up") {7 M' L7 J. ^  ]( B$ E6 ~
      yPos = yPos - BallSpeed;
! R- i) C  k8 A      }. I  x5 ?! i: G/ c
   else {2 X5 q4 H  L8 ~( A
      yPos = yPos;( k" S) x" L# f) o9 M
      }" ~9 c/ {' R$ b
   }9 x+ \2 ^4 O' {; F1 ]+ b) E

* `: V# V- S, q: z; T& a8 y  Kfunction hidetext(){
; `. M3 ?" j2 _" D$ [- T0 F  ~if (document.all)
. i5 [1 z! B# g4 q! [+ {supertext.style.visibility="hidden"( O; i  s4 ]3 r0 g8 N
else if (document.layers)
2 v6 b5 i2 z& P# M& y6 zdocument.supertext.visibility="hide"
/ t) v, `! M: `- ~clearTimeout(animatetext)- m4 I! I. v! L# i. o
}, z9 g! p0 l5 M' b

' p% Q0 g1 I. n% f6 q1 V: M  dif (document.all||document.layers){, V) k9 {2 z1 S: ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ L" g+ Q9 p) N$ ~1 g; _window.onload = initializeBall;9 d8 o8 m$ |5 J7 q: Q
window.onresize = new Function("window.location.reload()");; F- ]6 N; m8 Y0 ^
}0 G' |  y* E6 M$ b, f# Z
! A  S9 X; \2 [( r* ~. K7 Q6 @
</script>