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

zw2004

<style type="text/css">
& c# E2 _" c! R% E0 C, l) `& O#supertext {, i( ^( L* r) K1 @) u) g
position:absolute;; e$ u# s$ w+ G7 [
left:0;
! I$ I' S  b1 ytop:0;
6 g- m9 [1 x7 X* G: dvisibility:hide;
5 q6 ^. ~% c( d9 |9 I" \6 Vvisibility:hidden;
. W7 B: ?' J' f}' `0 z$ h( v/ S( Y
</style>
3 {- q# w3 [! K$ |3 Z<script language="JavaScript1.2">
: u- t9 _) {8 b5 \0 o* p2 e" c<!-- 改变下的字体的大小。颜色-->
" ~# _% J) ?! R1 c* U$ Dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( p* {/ f& s, T/ wvar hidetimer='';
9 ]- z' A& ^& w5 J<!-- 改变下的弹跳速度-->
5 I  q7 N5 F( Y0 hvar BallSpeed = 20;
' n# J6 X# B+ B2 U: ]3 c& Vvar contentWidth;
5 p* x' c2 L) T- `# `var contentHeight;
* p# k; \$ c# N4 R+ c( k/ l/ tvar maxBallSpeed = 50;
: x" ?$ o$ |; ~" ]* m# }7 s% ?5 m4 d/ l8 \: o. }6 Y! ^% g) z

9 _0 [) ]9 h6 H2 d! _var xMax;: P' K8 i) E4 T" c; k
var yMax;
5 @2 N3 F0 B9 |- C. |/ a8 Hvar xPos = 0;, |* e0 M1 U& p& e8 C6 G
var yPos = 0;) ]$ R, H/ Y! c3 |
var xDir = 'right';
4 B  \: j4 T2 m% \* A) q/ pvar yDir = 'down';5 S' L: v2 \; \
var superballRunning = true;
9 @1 j! F' c! z) S4 Ovar tempBallSpeed;
3 B1 U5 `% M. c2 }) ?+ wvar currentBallSrc;
: E  P2 q& N% E$ H( cvar newXDir;& b) p) ?  F7 K7 `
var newYDir;! O7 {1 A; L/ v) f: M

, K9 d+ B& t. b' J9 ^* Efunction initializeBall() {
- d3 x8 I& a) i+ x   if (document.all) {% o" F: e! z4 [8 I7 j2 w" H% ]
      xMax = document.body.clientWidth
- i! u6 o, p' H/ p      yMax = document.body.clientHeight; d* J8 X2 f7 _0 w+ m
      document.all("supertext").style.visibility = "visible";. c4 a! ?0 m. U& N
      contentWidth=supertext.offsetWidth  v& v  h7 O' R2 M, l  M8 U8 W
      contentHeight=supertext.offsetHeight
& j& f1 J0 q3 t7 F      }& Y0 S1 [6 B: j9 G- ~
   else if (document.layers) {
% W  z# G; v: U: d- f; }      xMax = window.innerWidth;+ c2 ^6 V/ ^5 B: v0 t+ l4 l
      yMax = window.innerHeight;# j! r$ x' R' y) ~: V
      contentWidth=document.supertext.document.width! l3 }# c9 X; z; S" U: |" I* t3 {" b
      contentHeight=document.supertext.document.height: \9 q- R6 E; V
      document.layers["supertext"].visibility = "show";: H! v( ?/ W# D# j3 K5 N
      }
) l4 D( l4 K4 G8 v   setTimeout('moveBall()',400);
9 o3 |/ v) g" f' G   if (hidetimer!='')# t9 ]) W0 L) V* k2 A
   setTimeout("hidetext()",hidetimer)4 S4 d" }5 T1 W8 B
   }" V+ M1 b3 I, P/ J7 g3 ^0 Z

4 n1 q; Y) I3 R4 G; y3 u) kfunction moveBall() {1 R% t0 Y9 \% ], s
   if (superballRunning == true) {' T  n0 y5 O( v; g; I0 M9 C
      calculatePosition();
0 _! }0 k) v1 m; Z2 b1 w7 s      if (document.all) {4 _& I; G  r% _' v0 M. F4 h* p
         document.all("supertext").style.left = xPos + document.body.scrollLeft;. y7 E2 c+ [8 K; w2 J. n
         document.all("supertext").style.top = yPos + document.body.scrollTop;# d+ j" l8 q' X. _# c/ X
         }
9 {* V" Q, X5 v: B, m; F7 T7 h      else if (document.layers) {7 m2 e" p2 P- I' q. r, j$ s3 E
         document.layers["supertext"].left = xPos + pageXOffset;
! z! Y& l5 y( c1 E7 E+ V7 y  h0 q         document.layers["supertext"].top = yPos + pageYOffset;9 w$ p' U  f" m+ k+ s% C
         }
  B$ n  |& k/ y: ~$ m, P# O- i. x/ R      animatetext=setTimeout('moveBall()',20);
" C" Y2 C2 R# f6 Z: E+ s" a      }
) Y& n9 d% ]3 f   }) M5 Q8 U! h- F. x

1 A% g3 y% f9 ]8 A8 V1 m" I( ofunction calculatePosition() {. ?6 T4 v5 k8 K. g- ^
   if (xDir == "right") {/ J1 L: G8 K0 |+ H0 T
      if (xPos > (xMax - contentWidth - BallSpeed)) {$ w  {1 h" H. ]" \  T
         xDir = "left";
1 U; J  q, d" T         }
: b( ?: r: `7 b) n2 d1 G1 p- T4 S      }
. b6 C" _) l* t   else if (xDir == "left") {
4 @0 r: F9 p: ^$ i/ @4 i      if (xPos < (0 + BallSpeed)) {
* N5 [8 i" u* A/ f         xDir = "right";) J/ a+ z2 c; L4 Y% C9 c. r" b1 V
         }/ O  Y% M- Z5 u$ j4 e
      }
- M# p4 G( }1 O* E# w8 q   if (yDir == "down") {
* u; `( J: |: v      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 F/ `0 P3 X! D8 s         yDir = "up";
' u% \8 g# C0 O7 Z9 B! N1 m         }+ e# p; G6 W' B# O8 Z
      }
# I& J- ~6 l- g   else if (yDir == "up") {
( l6 Q/ Z. P, ]; n7 E% m0 d      if (yPos < (0 + BallSpeed)) {
8 Q0 i5 W) {4 M- @; h% f3 w         yDir = "down";3 S  }: @- d( a2 ~# w7 J
         }7 [' S5 m& u1 A/ K7 W
      }
3 [) m& d6 i1 W5 F" v( B2 ?   if (xDir == "right") {& D8 |6 ^8 \- a. g+ k) @. X
      xPos = xPos + BallSpeed;
2 p% n! B1 v6 C1 z1 f) H; z( {, a      }
* a% ~/ x+ p. u" {& H1 @   else if (xDir == "left") {
5 e# |9 _: v- V      xPos = xPos - BallSpeed;' f) ?2 j5 q7 E) Q
      }
1 F" Z0 F) `! N' F  L( D   else {! O6 W" _: j9 F  P- {: c% y7 D
      xPos = xPos;8 ~1 |7 q2 ^* a- u
      }' `$ x' n5 F% T: X  p) i
   if (yDir == "down") {
7 E2 E$ d" A/ t) P4 f      yPos = yPos + BallSpeed;9 t! i# H: E/ M. K% s1 z
      }. D: G" r( S, W8 ^
   else if (yDir == "up") {- S; s" ?$ u2 b; V: b3 a
      yPos = yPos - BallSpeed;9 B' Q' v1 N; ?, e- m  ^
      }
. n7 l/ Q: [+ K/ P0 q   else {
7 S7 l6 |' I3 B, S  U% j, a5 @$ j4 `      yPos = yPos;8 B+ ~$ c; s) w: x8 e4 x: ?; h
      }' h2 v5 T: ~) N/ h9 m
   }) D9 n' ~" M; C" b% O. }& x
. Y/ H1 B. J; H9 q4 a9 ^6 Q
function hidetext(){
' G: o: {1 x$ @7 Qif (document.all)3 N8 S1 G1 o0 {8 `& {1 J7 w1 E
supertext.style.visibility="hidden"" \" n5 v3 y/ z6 M* k
else if (document.layers)- A* \! i! Z% B4 r1 }
document.supertext.visibility="hide"5 C, H) l' x# ^" k
clearTimeout(animatetext)5 R9 N9 }0 L+ }7 G
}
  J# {2 Q" n. J0 {0 j7 ^7 d6 ]! q9 L% L6 [; T6 ]
if (document.all||document.layers){
: W' i7 y# {  g7 l6 |document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ P: w5 X. q( Z' _window.onload = initializeBall;) T% g0 c4 Z: Z" ?  x+ d: N9 p
window.onresize = new Function("window.location.reload()");# F. S$ [' n3 F6 X- c/ N: N' ]
}2 `* ?1 O$ ?3 T% J9 q- a6 v
7 |$ [5 Y% [4 L8 r2 h: h5 \4 u! p/ h
</script>