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

zw2004

<style type="text/css">
( k5 }, e6 z, g6 ^+ n% l; B#supertext {; |7 e3 G. N3 j4 Y- ~" W
position:absolute;
. c, u! B% X% [% Uleft:0;0 d. i2 v0 }  _% ]8 v2 l0 W
top:0;
: O: T" ?* h9 j4 evisibility:hide;2 f$ V8 ^9 Q0 g3 l
visibility:hidden;3 D3 C" J& ~# g/ V* e
}6 o% X6 J- Z- N
</style>( w/ L! _/ o8 O2 d" S
<script language="JavaScript1.2">
9 e/ N4 m  Z- G! J% y<!-- 改变下的字体的大小。颜色-->
2 h3 c' G$ C: E$ X! Z: v8 Z8 l" ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 j. b, q* }* T- I: _& ~1 o
var hidetimer='';, z4 \( J  o6 W* S
<!-- 改变下的弹跳速度-->
1 {  w& i$ W1 W2 b" {var BallSpeed = 20;1 z1 g0 w0 _* b( |4 n
var contentWidth;
, N4 i# B' s# a: Kvar contentHeight;7 T* I; T3 ^( S7 h  H) Q5 |
var maxBallSpeed = 50;
' j" p  e* P2 G, @2 N
9 A+ q9 M; b6 C- p
% k& D0 A6 R- M' [' |" Pvar xMax;
  |9 a& ~8 }/ l+ l% ^0 ivar yMax;9 c% M2 Q! [$ j
var xPos = 0;
+ K1 b3 q% w, _4 S  xvar yPos = 0;3 P: Q" `  S! F* m
var xDir = 'right';
$ j- I5 w* P/ J( Ovar yDir = 'down';
- }4 D% o; l: y  B1 D, F7 G5 J8 Xvar superballRunning = true;
: D+ W" r8 u- q0 i9 h3 Yvar tempBallSpeed;" K, H) ~/ {( g; a
var currentBallSrc;
1 w3 X; t/ o# I+ e) jvar newXDir;
; [3 S/ `* R- t) c0 `var newYDir;. Y2 W8 |. v  i$ }+ h$ A
# i% J3 P* m* m$ H0 \+ `4 s+ w0 A
function initializeBall() {# ~! o+ ?; K% _# k# d, f
   if (document.all) {. U/ l$ u/ {$ H$ K) l
      xMax = document.body.clientWidth
6 m0 [2 u) E6 o- _! U: E7 v" w      yMax = document.body.clientHeight
+ E* K5 i& e. ?$ [. u5 z      document.all("supertext").style.visibility = "visible";; E  H: ]7 ]3 k! d, `: L
      contentWidth=supertext.offsetWidth0 @+ q% C( g: _9 c
      contentHeight=supertext.offsetHeight
# R) ~1 l! ?, w      }
" U. l9 P# m4 `, ]9 k' T: D( ?   else if (document.layers) {$ h! u, k4 {7 c0 u; t' N* n
      xMax = window.innerWidth;
( N( k8 a; g, m: b      yMax = window.innerHeight;( {/ _1 S6 `" G
      contentWidth=document.supertext.document.width! b- A- G5 u4 [) m" s
      contentHeight=document.supertext.document.height" }4 J% C/ l- E
      document.layers["supertext"].visibility = "show";. J4 I, U* N, ^' M, Z& g
      }& g; L5 [8 I. e- C
   setTimeout('moveBall()',400);
9 j* k. w* U& e   if (hidetimer!=''): G5 Y: c1 m0 ?: G
   setTimeout("hidetext()",hidetimer)
# o0 v% X# q, u" b9 u7 b$ q/ O   }' @  G% ?" d, C4 k, a5 ^1 C
  h5 e, g% Y8 H5 y" \
function moveBall() {
* n7 ?! E$ ^7 Y7 L4 ^, T% m   if (superballRunning == true) {4 J& K) [! U) T
      calculatePosition();0 |" {9 \* h* T% X; L2 r. E' S
      if (document.all) {( Z, [- g4 ]8 U0 K: q# h
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( h" `8 H( W  u% }9 n         document.all("supertext").style.top = yPos + document.body.scrollTop;
, u' O0 g" c. @         }
& E8 L( n) M: m: M  ]! }* t      else if (document.layers) {' j5 v+ A9 H3 d
         document.layers["supertext"].left = xPos + pageXOffset;1 f' l# t( `6 _" x8 i7 ]0 _
         document.layers["supertext"].top = yPos + pageYOffset;
7 O; c8 p2 b: B7 V6 ?3 r         }
* Y6 I7 C5 G: e: R# [+ H      animatetext=setTimeout('moveBall()',20);" G" ?. [6 T1 |) g0 `( [- }
      }
6 r& x1 G: c9 o   }
! d+ R- J* F3 b. P. d3 X3 d2 P0 C! I/ S7 M
function calculatePosition() {
. J: o3 I% `. m- `8 M; M9 S   if (xDir == "right") {) \4 p$ \, H4 ^" G* X" }
      if (xPos > (xMax - contentWidth - BallSpeed)) {9 B9 ^. h! c' v: I
         xDir = "left";5 `; ]3 g% x, z# t7 ^. s
         }: y  ~  c: g6 M- P5 p
      }5 t( {2 {* w5 _+ [
   else if (xDir == "left") {+ N" q6 l7 @. s" R! j4 S
      if (xPos < (0 + BallSpeed)) {
7 V8 a9 ]" S& b# i9 l! Q         xDir = "right";
# Q. G( w/ i1 P& [" Q         }
+ d4 G2 |% o1 O' j      }
9 G4 p% j) r2 b. X; e+ [   if (yDir == "down") {' v" g3 e; _2 Q& N
      if (yPos > (yMax - contentHeight - BallSpeed)) {+ ]/ ]0 C! f# w( M3 i4 k
         yDir = "up";( x7 N6 [, h; X0 @7 Q
         }
3 ]" m& T( M1 z+ W3 r: F) Y      }0 ^; q, k1 t. z# H
   else if (yDir == "up") {# A, n' U: H, p6 W1 k& m8 J
      if (yPos < (0 + BallSpeed)) {
; |- q1 A* e! ~9 j' a& x         yDir = "down";
) v/ d3 J( g) B, ~  A! {5 M8 ?) V! O         }
2 ]4 `& v+ K+ r% f      }$ v* J4 f  Q& I, H, W2 Y* }
   if (xDir == "right") {  ~: Z4 \0 A. d) g: I. f9 j% k
      xPos = xPos + BallSpeed;$ `0 R1 S2 \6 a& o2 {6 @
      }
- C5 l: ^6 Y" C2 D" r  x   else if (xDir == "left") {1 k5 h  ~' s( ]& I
      xPos = xPos - BallSpeed;
) S+ i2 L4 k& ?      }
2 \6 a3 M  e# D   else {) O* E8 L7 D4 F. _
      xPos = xPos;# u5 S3 y9 t" W/ p( W: x
      }% i* ]) S& e% ~; f
   if (yDir == "down") {
( W3 w1 V: S  ], B. s      yPos = yPos + BallSpeed;
, @0 \' S- }  E! k      }4 ^, m; w# ~) L/ [- t2 G
   else if (yDir == "up") {
: }! ~3 M9 D  |& e& m      yPos = yPos - BallSpeed;
6 y: C1 z1 T, b      }  c8 R' D! T' m4 M6 I
   else {
7 d+ R4 j( Y3 B: y) E6 @      yPos = yPos;
- L& e& O7 U6 t6 ^) w/ |+ I      }
0 i) t* F. i! X% e8 g   }  N  {/ Q" w2 @( ^: g

0 Q+ S6 u. A) s9 bfunction hidetext(){" e% f3 o/ T7 E5 H0 D# I4 @
if (document.all)
( B0 S$ R- y. Qsupertext.style.visibility="hidden"
+ Y; S- O% Y( c5 i8 v1 D: ?else if (document.layers)
% j. k  \3 Q+ S* C$ @1 J% }* Ydocument.supertext.visibility="hide": t/ w, e& @% ]
clearTimeout(animatetext)" {- E0 h  m9 o# |
}. J* S8 B6 h; v& W, X
; w6 b0 o, Z' i( [3 s$ j* n
if (document.all||document.layers){
9 n* H/ h' ^4 i# zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$ c+ K% V5 I2 ?, l& z' S7 Bwindow.onload = initializeBall;
% a; n7 g) q5 V" ^5 B! e, Awindow.onresize = new Function("window.location.reload()");9 u6 T5 y. g+ Q6 z. c; S
}, ?  ]4 r% ~7 {: u; b

8 I' C) X" D- a9 r* w5 b" ^7 `% h</script>