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

zw2004

<style type="text/css">) R" i! w1 M- g1 _; x0 C0 ^
#supertext {
( X( Q) b; E4 H% E) i8 Jposition:absolute;
" P. y1 C; @7 x) g* ]8 }; M5 sleft:0;6 `! n! H. b5 t
top:0;
( P  Z$ z( N. F  t, c% Avisibility:hide;$ f9 B, O" t% Y' q, y# P7 v1 R, {
visibility:hidden;8 M2 T9 Z, x6 E6 J/ @! q
}. H* k6 A9 v4 l: W/ T
</style>
2 b' A6 K( v8 @1 f<script language="JavaScript1.2">( {9 j# Y3 `$ h3 \0 j4 w
<!-- 改变下的字体的大小。颜色-->
) V. Y( g5 B% R* h; vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% g8 S3 z: J" g7 P
var hidetimer='';7 G2 ]& K4 H' @% c* c
<!-- 改变下的弹跳速度-->
' l$ z+ [5 l4 _9 Pvar BallSpeed = 20;$ Z! B# z7 Y. ^: p9 {! y
var contentWidth;
8 i- N$ K8 U2 i# _2 `( jvar contentHeight;
( g9 ~$ r2 v" b1 Svar maxBallSpeed = 50;
3 J, B+ n( E0 X% @% ?
" [8 [" e( T% F# J  N& h  a2 X( h$ J( c0 \
var xMax;  n5 J; M  P1 L$ u8 r! J3 r
var yMax;2 C6 i# L, R& J2 H9 b
var xPos = 0;' B2 S' t9 y+ U) _) p) A
var yPos = 0;& u8 `0 K9 U6 A# d/ k
var xDir = 'right';5 ^$ q6 e( Z6 K6 f3 ~
var yDir = 'down';
; H8 L' J& u# F% s  Wvar superballRunning = true;" Z7 f# d8 V7 M
var tempBallSpeed;
( u( N' l4 J. o+ h; ivar currentBallSrc;
. F& d7 G& o- n; C3 @$ Vvar newXDir;
, v, Z$ y, y2 X6 j% ~5 {. U6 qvar newYDir;- ~8 A$ f2 B+ v  C0 f8 o( m
" g5 \0 Y- }/ G: J0 b4 |
function initializeBall() {
( N0 ?: m9 |- t8 Q( f" B9 Q' N$ }   if (document.all) {
6 y$ C: b8 {8 l/ V1 K      xMax = document.body.clientWidth* b: @1 [9 D. l2 {
      yMax = document.body.clientHeight
/ ~6 I4 ^9 O( I0 p3 ]4 d7 k      document.all("supertext").style.visibility = "visible";
6 E2 ?8 A! e$ W  z1 X2 ~      contentWidth=supertext.offsetWidth0 {- d/ m. n& ]* Q
      contentHeight=supertext.offsetHeight
% u' S- R4 ]3 e0 U+ x/ K- O9 s      }: a1 i$ a7 U1 ^; Z' |
   else if (document.layers) {
+ [* J; k$ H5 V5 X7 C- l      xMax = window.innerWidth;
& y. a/ `( w: W7 F; F3 v, p      yMax = window.innerHeight;
$ S% u- b( D4 v% K  g4 F+ K      contentWidth=document.supertext.document.width
& p+ U7 j" N9 C# o) S! i      contentHeight=document.supertext.document.height+ S) g! P$ D, z2 c, x
      document.layers["supertext"].visibility = "show";/ V8 @$ s9 c9 x) A" Z! h8 R' ^6 _
      }
3 @, F- q% d/ `+ [! `   setTimeout('moveBall()',400);
5 K& G" V* c& K   if (hidetimer!='')
* B& u" ^: \8 M2 N9 b2 I/ {! y8 a   setTimeout("hidetext()",hidetimer)
1 s/ ?* U- O9 C   }
6 H1 u; F5 _% F- o& F4 H4 W1 @3 R1 l+ L( X& p
function moveBall() {' b3 c; M( ~2 J# |9 C$ _& M
   if (superballRunning == true) {+ q# @. `& B1 i: o, F$ g9 t
      calculatePosition();
2 B! ]3 r* Q% P# e$ J' ]      if (document.all) {
- P1 c9 e0 C/ F: y+ o         document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 T7 a7 V# ~+ l3 j         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 p! c; k: F0 |/ _/ s1 T  Y         }
( B/ f- s' y$ q& d( O      else if (document.layers) {* z- x1 r+ o, M! O9 A7 Y7 {
         document.layers["supertext"].left = xPos + pageXOffset;% y' W* ]4 ?: x! t6 `
         document.layers["supertext"].top = yPos + pageYOffset;
7 C9 ?/ |, u; C( {& A         }# q) z2 \2 w+ O! `' @( \( F# T
      animatetext=setTimeout('moveBall()',20);0 j8 ^! m1 [5 B- u0 K: B+ a: x
      }
: H- e& j* [7 O% v   }
  [* a! T) w; u* J9 X) G& [. k
* L( x4 }8 k* t! F0 x6 h, S; ffunction calculatePosition() {4 {& ~+ \. l' H
   if (xDir == "right") {& C0 }* C( T. `% j& m3 @2 [
      if (xPos > (xMax - contentWidth - BallSpeed)) {% f- T- u% L4 |
         xDir = "left";4 {( o- B$ A' i8 b- `
         }
' C6 \3 O" F- k      }% Q9 S, u% ]$ ]: H
   else if (xDir == "left") {0 r5 N  G; ^* H& q$ I" s
      if (xPos < (0 + BallSpeed)) {
8 G0 Z- x  L8 Y  h" `' W         xDir = "right";
% f* L! X, _9 P) v" Q1 {         }
; x" S0 S- Y; A& e- v) I% h) \      }
) I  z8 o6 F9 C; H: P   if (yDir == "down") {
  P" U3 B! @, ^! l# P: R* h+ s      if (yPos > (yMax - contentHeight - BallSpeed)) {
; n$ ^3 t' P  w+ u. f! N7 e" d         yDir = "up";2 g6 e- ]# J/ H) A" Y7 h! E' j
         }* l% \6 z5 W4 \( p6 [
      }
! \6 C0 d/ j6 x$ _/ ]7 }& x   else if (yDir == "up") {
  n6 a, Z0 B- B0 y! J4 w      if (yPos < (0 + BallSpeed)) {
/ }; s( L' d" M: C# _, _         yDir = "down";9 X3 H9 {8 i) Z% D4 {  Y
         }" K& K' x* Q$ @2 o
      }9 S, n# `- {2 D- D
   if (xDir == "right") {- L2 r0 j4 a( y! ]# _
      xPos = xPos + BallSpeed;) l: V% f6 T4 V1 }) [
      }5 w# h- b- G! q4 z" M7 Z
   else if (xDir == "left") {
' \3 \  ?# c3 u# w" O      xPos = xPos - BallSpeed;( w' s' b# [* |4 A
      }* h8 B9 e! E6 X0 O# g
   else {0 f3 h  [* O0 T% A1 V- N9 t3 b' N
      xPos = xPos;
' O% ~% {* |6 A$ O      }. S; f* Y9 M3 r: I! o+ q2 i8 C
   if (yDir == "down") {
+ N- R: D1 b" ^: ?2 R9 h6 y9 C$ d      yPos = yPos + BallSpeed;. M4 w* m: X1 M
      }
: S" A% V( S- b2 O   else if (yDir == "up") {
) s! `$ E: {# A9 I" f3 B      yPos = yPos - BallSpeed;/ @( L9 S! y) z
      }
! _8 U& T! \0 D! v   else {$ `' F! G* I5 i2 @1 u& f6 U  v7 `  J- ~
      yPos = yPos;
% P; ]& e# C& C& f- `/ _1 A( t      }6 |5 b5 u3 u! B' S5 [
   }
7 w- B2 p; g3 }" S! [; E% L0 R) u
$ x8 N( n( G) I7 U$ R" Sfunction hidetext(){
( W! C! c' @8 y/ ~) d# T" Tif (document.all)9 r, A5 v$ W  r5 T- a5 D* D
supertext.style.visibility="hidden"- D' C! x7 {! W/ q& c$ L3 [9 ~& g
else if (document.layers)
0 n; H  y4 H4 k1 U; [2 a" m* Qdocument.supertext.visibility="hide"
5 D6 N$ \0 i* S. c* kclearTimeout(animatetext)
7 |" H' d- c* F+ `: i! N( q}
2 G3 n: U5 g% X/ ]* l
  u" h/ o* {. M% J2 `if (document.all||document.layers){3 T- ]- ^$ q: d! L- j5 k) @6 |) j
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8 c8 v) W1 g! P+ W# y5 r5 c  l7 Z
window.onload = initializeBall;' M$ d* Z1 L3 w8 y8 @6 M
window.onresize = new Function("window.location.reload()");- R4 r4 h7 K* G4 C
}% A- t  S3 `  U% z  {2 L

8 g# P. b+ `# V4 \3 I</script>