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

zw2004

<style type="text/css">
! ~; E5 g7 p% `+ c. Y#supertext {
' r) P( p. V- t7 iposition:absolute;
& i" @) k% K( R4 s1 Lleft:0;2 @/ T/ w4 L0 C
top:0;% H. c0 G* r5 x. S& ?2 K) a
visibility:hide;
- D( _. Y% S1 V5 Ivisibility:hidden;
) }2 H/ D% k! I9 s7 [- G0 r}: q- X/ h. d- i3 m% G! x
</style>
% Z! Q8 O+ P% G: q! l# Q<script language="JavaScript1.2">
  q; v3 y; A/ I' b3 h" `<!-- 改变下的字体的大小。颜色-->
" t, q% Z8 i" n2 Qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. h7 {2 ?- V& k: T; U+ V* S/ C0 A$ cvar hidetimer='';
4 |6 c& }" [* p. ~- B% y<!-- 改变下的弹跳速度-->
8 k8 }* @$ p# D% |3 N, kvar BallSpeed = 20;
' t2 m0 X& a, x* e6 V, J9 m  Pvar contentWidth;1 d0 E' c; R. r/ a/ ?8 W) T
var contentHeight;
9 o2 H) D' }! W, G( K1 G& Wvar maxBallSpeed = 50;. x( n" f$ A% M$ \4 C, O) e1 v
  N8 h6 K% W7 T1 D- K4 @! M/ H

& z& o+ h! U3 B, gvar xMax;
$ [3 n# ?, P. {6 Avar yMax;* _5 j3 q% X4 I7 T$ Y1 k
var xPos = 0;- @8 d% e: p) w9 y
var yPos = 0;" R/ q* s" q( l- ~( A8 b3 j
var xDir = 'right';% A3 w: i" U8 F7 q
var yDir = 'down';2 K, Q4 W7 q/ b- Y- x/ ]4 ?
var superballRunning = true;1 _  p5 E7 E; o1 |. F! j
var tempBallSpeed;9 `" T7 f# O) u& }
var currentBallSrc;9 |9 l9 E5 g  U$ r. \
var newXDir;
* e, M8 m) G+ l2 k$ x: Q# G7 _& Mvar newYDir;; ]1 y& o& R3 R+ \& T) c5 |
) a  P( q3 |" |
function initializeBall() {; ]# ^/ y$ n3 k" E
   if (document.all) {9 C$ b  s" {, _1 B# A
      xMax = document.body.clientWidth, ?0 a3 Z3 d2 t) j; _6 p
      yMax = document.body.clientHeight
+ z1 t0 a: w; Y& |( J      document.all("supertext").style.visibility = "visible";: `0 s  e! ^: U  o3 t4 y/ i" b
      contentWidth=supertext.offsetWidth
) V4 q; o+ I0 M0 T' W4 k      contentHeight=supertext.offsetHeight
+ t$ n' ~' a0 m0 }8 A& }+ w0 o      }& N0 J1 w9 R7 a, D
   else if (document.layers) {3 t* M& m; k7 M3 P# [
      xMax = window.innerWidth;
  F" J7 s, q" ?1 R      yMax = window.innerHeight;
5 C& U/ x0 R3 h6 Q' Q+ U9 A+ `      contentWidth=document.supertext.document.width9 i, h4 r( s3 t5 b/ c' N* L& H
      contentHeight=document.supertext.document.height2 ^( a9 a4 F8 w9 M% @* J
      document.layers["supertext"].visibility = "show";
( j# n; c: N* P- S: ~1 n/ K% _  {+ Y      }( i; P4 K, J0 X, R' n
   setTimeout('moveBall()',400);, E+ q! E, J0 X9 ]
   if (hidetimer!='')" _, X9 H4 M; H# x) O
   setTimeout("hidetext()",hidetimer). i. |9 S2 o9 ~5 g: t
   }
: [- o9 t5 A6 J: A; s1 \/ L
8 M- W8 ]6 L" l( ^0 ?. Ufunction moveBall() {& v3 F6 w; w4 Y
   if (superballRunning == true) {  e  Q, f  E! I- _; X1 Y
      calculatePosition();
, `$ j: z* Q# }  l* C      if (document.all) {
3 }3 k; H: ]% }& A0 d) t( ^( Y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ H+ Q$ c5 E  H% ?' p0 w         document.all("supertext").style.top = yPos + document.body.scrollTop;4 V% d0 D% i: h7 P( L  c2 Q
         }
- ^' Y' D" Q8 S$ @% E" Y      else if (document.layers) {
4 ]' O% J4 K) V5 m# F         document.layers["supertext"].left = xPos + pageXOffset;
* R8 m% M" ^) r' l# s2 Z* g" Q         document.layers["supertext"].top = yPos + pageYOffset;* B! E' Z  L# X& d+ k# ~
         }
7 n# J8 l% d9 O      animatetext=setTimeout('moveBall()',20);
$ Q8 \1 p7 i& S1 U      }' n0 F/ T6 S7 I
   }: l; ]# N; |7 q# @5 K2 Y7 U; [  }
) i4 ^8 S4 Y9 t7 R' S: o, s
function calculatePosition() {
/ Y: q6 L  D4 f  Y   if (xDir == "right") {
% s0 s" j; w& J- n5 ]" w: Z& u) j) s( x# t      if (xPos > (xMax - contentWidth - BallSpeed)) {& o4 a2 m4 G9 E+ {5 ?
         xDir = "left";
( y$ h* N; R) P! z         }6 }  |( L5 P3 h* i% ^6 ^$ b/ A
      }
0 e2 ]: C& j! u1 C4 D   else if (xDir == "left") {
- q1 ?( C: _  K- n$ H      if (xPos < (0 + BallSpeed)) {
; Z2 ?* c# |4 M4 U! L( ?; U/ y         xDir = "right";
/ t0 f: R: I# Z8 V0 b" n         }
- T9 ~+ d) t7 s      }" X/ d7 \( y2 O5 P
   if (yDir == "down") {3 q6 \" h3 O1 a7 [. a
      if (yPos > (yMax - contentHeight - BallSpeed)) {' c- o* S: w1 T( g/ N& l. m
         yDir = "up";# L& H0 [, e) ?8 d
         }+ ]' n( m5 f8 H5 X4 c; X
      }
. h3 j' f0 F, q- H4 J0 M   else if (yDir == "up") {! o8 l2 E7 a- L- o5 L; i- {* y1 v
      if (yPos < (0 + BallSpeed)) {
: x+ r- @, {' j3 X) R         yDir = "down";
0 E3 Z4 ~: I& O9 O) j         }2 h; [1 p& M" _  o4 }% x
      }
, ~1 Y; R( |% j2 l# J$ n0 c   if (xDir == "right") {
) B5 P" m0 q+ ]1 y, g) y" A# c% X" K. B      xPos = xPos + BallSpeed;  ]2 |, [7 L! y2 U
      }3 ]2 c2 U- `  i: R2 D
   else if (xDir == "left") {7 H' t8 I6 m. h, J+ j; Z! O
      xPos = xPos - BallSpeed;% J' H8 o( w/ H4 @* g0 W0 w
      }
- Q+ y8 h  n) Q  I2 z+ S   else {
. g4 t4 b* N1 d$ c      xPos = xPos;  X4 S5 X1 n/ E- _/ \# j
      }  b9 ~' @! j$ @% e/ P* _( f2 `
   if (yDir == "down") {
% V0 R# x2 O* j) N  E# v- l      yPos = yPos + BallSpeed;
9 j+ p0 U+ \% {+ J8 ~6 J9 v& i0 a4 U      }
' Y% N, L7 ]" P6 v, B* Y   else if (yDir == "up") {5 n1 i" |) e' t; R* [" Y/ l4 V
      yPos = yPos - BallSpeed;- m" l& w# X* M: [" N
      }$ h4 d% s+ {- P! c7 h$ p+ O
   else {
6 E% L6 d* G9 S( ]9 `) n      yPos = yPos;1 q* E& \- ]$ a) k
      }
! }# f3 r+ q$ J9 w   }6 {6 D5 ~, M5 j6 M+ Z7 P

8 y( p  u! ?" jfunction hidetext(){
, }. h' I  R: @if (document.all)
; k3 c! o; h* [( ysupertext.style.visibility="hidden"
1 b5 _* t; i' celse if (document.layers)1 J* M# i. m; O# e) [
document.supertext.visibility="hide"
' D5 e0 `# m$ g2 `clearTimeout(animatetext)
& y6 G7 T: I6 k7 V}3 |) o! o9 Y1 ~& x

* `; G' ~/ y# }5 _: O! L6 h  p7 sif (document.all||document.layers){
% M0 g. k& p! mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% F" R4 H5 ~' I4 W2 ^5 {4 Y" N
window.onload = initializeBall;
  ^. J& q0 n3 T# k! O3 i5 O) Ewindow.onresize = new Function("window.location.reload()");
! ^& ?! y0 U. F; |}
- ?2 d, f2 A6 D0 y5 l  t, J$ F  g2 z& {( i  q9 P
</script>