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

zw2004

<style type="text/css">2 v% {9 X5 m7 x& ]7 S1 t
#supertext {0 i( L) X" A1 k( \# @4 M5 G; d* k
position:absolute;+ D* c+ w8 S7 T& k0 q6 `6 K
left:0;' W* G4 I& F, D$ }
top:0;/ a; ]1 i1 ~# P' b: F2 u
visibility:hide;
9 @1 ~) K9 F3 ?6 G; ]visibility:hidden;; |7 E( p% y' E  g$ O/ a/ A
}
. p% _5 I+ ?- u$ c</style>7 Q" A1 V$ g* C! _' }  e- P
<script language="JavaScript1.2">5 @! P8 o3 a. O3 T
<!-- 改变下的字体的大小。颜色-->- s7 @1 f: D2 w1 B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 u8 q# [+ j* l5 U9 {& n/ Hvar hidetimer='';
3 Q( b7 J2 x# K* J  k4 K& B1 U$ _<!-- 改变下的弹跳速度-->
/ j8 y8 \( n/ Xvar BallSpeed = 20;8 C7 V! A: v( `+ I- [
var contentWidth;
6 K$ {  n* l. w, H9 i9 u7 t" l( Tvar contentHeight;
$ {$ O4 L% `- S3 G3 G7 E  zvar maxBallSpeed = 50;
& c( ^! B8 W+ D  |8 I$ I% ~9 p: u1 P% ^7 e2 A- w3 o$ v
6 e6 A" j" l4 Y4 O
var xMax;
3 q! m( K/ H, f/ T/ }! h1 nvar yMax;: ^- ^5 m  a' _! K+ l) q
var xPos = 0;
: e% D5 ^+ \4 l9 `var yPos = 0;
, Z. G- E% ?/ C2 l  d6 L2 `var xDir = 'right';  |+ G8 Y: H' l9 Q3 c
var yDir = 'down';3 W" p: ~8 S4 ^% k. x& B: L& N
var superballRunning = true;
9 d2 L3 e& }* ^% v9 k0 I- _1 ?var tempBallSpeed;
0 _/ u8 l& v" ^: u% j$ r4 Evar currentBallSrc;" T  s' e: ]  a& n" M5 ?! n9 |
var newXDir;$ K4 {  r! E. S0 ]) g
var newYDir;
( e" u8 {! [3 V' b% n% s: j. H: t* l# B
function initializeBall() {* t/ {) V, `5 q1 j1 u3 _, [
   if (document.all) {
; u) g0 ]; A" A" C& h: l      xMax = document.body.clientWidth8 m( `" d/ F9 o' R
      yMax = document.body.clientHeight' }- o& w; k; C# P4 [
      document.all("supertext").style.visibility = "visible";
4 d5 ~2 }( X! B/ N" W, m      contentWidth=supertext.offsetWidth
$ g4 Z' W; s) t: N1 }$ d      contentHeight=supertext.offsetHeight# {0 E* N, Q) d+ y8 g
      }6 z; U. u* f$ m" {4 y
   else if (document.layers) {
  g  |$ s9 r/ T2 C5 m; A      xMax = window.innerWidth;
- f2 \$ I: f! b      yMax = window.innerHeight;# n/ h, |4 \8 `8 W4 R! Y
      contentWidth=document.supertext.document.width
& u+ p; M2 @5 j9 U9 e, n8 z' e      contentHeight=document.supertext.document.height
* s  A2 q7 P5 _( I, T( X1 d/ v      document.layers["supertext"].visibility = "show";3 A) v9 i" N: g/ p2 N8 U
      }3 W# y8 Z7 {- g2 E9 E8 f6 G
   setTimeout('moveBall()',400);9 Q5 G7 h0 n/ e( ^' ^4 l
   if (hidetimer!='')
8 |* U- I: i, f5 W" Q   setTimeout("hidetext()",hidetimer)
- I* Q3 n6 Q" \   }  z, r! R+ p* |6 i3 @& E

. r6 C# z( B% P+ lfunction moveBall() {
* q6 V  o+ f/ n7 l' h) w   if (superballRunning == true) {) C4 h7 e# s  L( X7 I
      calculatePosition();) c5 m5 S$ X( b1 l4 Z& S
      if (document.all) {
% s8 W5 ^$ a* G8 E         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! |5 ~9 c& p/ Y  a- W$ T' j5 B4 x' X0 `         document.all("supertext").style.top = yPos + document.body.scrollTop;; v$ e0 Q3 J+ x' s% c% j
         }
: B; S1 }! o' f5 X3 q1 A6 x1 b      else if (document.layers) {# \/ I9 [3 |) t9 B! I. q
         document.layers["supertext"].left = xPos + pageXOffset;
/ {3 i; h# [/ F- ]8 N" N- \' _         document.layers["supertext"].top = yPos + pageYOffset;
4 z4 _& B: C# |/ o$ V         }% o2 O8 Z/ C- |6 g  e
      animatetext=setTimeout('moveBall()',20);( p3 l& K5 U, x7 S0 H( J% l- d
      }
" N1 x/ J5 Y. }+ i. M% V1 s   }2 H# H5 x5 g8 B1 t% j
: T+ b# G6 N: U$ x$ z8 H2 i( l
function calculatePosition() {4 B+ t' b! u, b
   if (xDir == "right") {
7 h' s$ d) r2 G; L; \      if (xPos > (xMax - contentWidth - BallSpeed)) {
% B4 y) e$ I1 e7 U; ^         xDir = "left";
  V$ N6 |$ r# n" U' `, ^; w( ?7 i         }
; Y! Q$ b$ c$ [+ l1 z      }8 P! x) s# q3 o
   else if (xDir == "left") {- A5 D% L$ c, m! |8 y9 A
      if (xPos < (0 + BallSpeed)) {* Z6 F& K4 V1 X5 Y
         xDir = "right";
, R1 S. a+ u6 o         }* F/ v: b0 |4 N& c1 p7 f6 |4 b8 f1 l0 ^
      }
: w9 R* o4 |3 D+ t   if (yDir == "down") {
6 T2 K/ b5 q. a$ K$ S2 \9 [      if (yPos > (yMax - contentHeight - BallSpeed)) {
; N% L0 I  D, k8 W         yDir = "up";( v/ y2 p+ a$ g& r0 S
         }0 b! e6 b, P6 f4 J6 \4 ], L3 Z
      }2 R& K$ m0 K; j) \
   else if (yDir == "up") {
% P/ V& s/ Y4 J5 |, W, |      if (yPos < (0 + BallSpeed)) {
5 A* P# B3 n1 h" j         yDir = "down";  F) t- t4 A% g( d/ U! q$ Y; v3 q
         }5 @# t/ N6 C2 F
      }% |* F& d4 J  x" E; u
   if (xDir == "right") {
: Q- R8 H1 M& C      xPos = xPos + BallSpeed;
9 u: O5 V  [$ Q      }' s9 X- V; w2 _' R" a( A0 ?3 B  J
   else if (xDir == "left") {
5 E6 m  U  T: K6 s9 v      xPos = xPos - BallSpeed;
* k# f# x5 p! D! `% q' j      }
7 ~) w; `: K! t) _8 ~   else {
4 @+ p( o" r/ `) O% ^* |' T& E2 m2 G      xPos = xPos;& n1 W- H6 U4 z8 o3 r3 J! p
      }
, [& E# ^# \% E+ x4 x2 Z6 n   if (yDir == "down") {1 O- u+ x( z, J
      yPos = yPos + BallSpeed;
9 k( l7 A' D) X3 Z, d' T4 O/ o      }
* }( R4 D" e5 _6 i! l7 j$ c   else if (yDir == "up") {# r. I0 F2 R5 C
      yPos = yPos - BallSpeed;2 Z8 q3 ~: m! t4 ?2 H
      }+ i0 t4 g/ \: C' }0 R
   else {0 l" j, H4 `" e3 J+ ^9 h
      yPos = yPos;
4 e: {1 @' r  m% d      }
: U& z! k- f" e7 l4 K- `6 n   }% A0 J* d! A0 m  z9 r, |- u
' a9 Z( K+ x' E
function hidetext(){8 c2 Q- `8 [( c9 S/ [4 t& G; }6 I
if (document.all)
, f" }, Q! `; z  |: @) u$ Y; _) esupertext.style.visibility="hidden"- U6 A6 j6 ~& q1 ]. D
else if (document.layers)1 K% p+ p- ~  m+ {. _4 u3 E, K
document.supertext.visibility="hide"1 ^5 o0 u, d$ ?7 s7 r* c
clearTimeout(animatetext)7 Q5 {0 K3 ~) T. j
}7 e) H) I: W" z3 f8 R" Q
+ \  N% K% M8 F6 r
if (document.all||document.layers){$ |% |- c5 D) I* b
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 R1 t' l: F; [7 h5 q; d3 U: iwindow.onload = initializeBall;
; i2 q) X" z; hwindow.onresize = new Function("window.location.reload()");- j, j8 e4 f# Z) E
}4 j& Y# p% B' H! b- h

" U' ]7 ?8 P: s4 G! p7 }</script>