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

zw2004

<style type="text/css">
( B, }5 Z& r( U; r# L/ U" e#supertext {' }9 H/ Y9 f" N2 L: M6 ?: H$ D, m
position:absolute;
& S/ P  V% ^6 \* ~. |2 j. j, pleft:0;
6 @7 A' t3 n! t" i8 f' o2 m" Ptop:0;4 U- A2 V- R0 \' p; `
visibility:hide;' [7 G: @) I; R/ q
visibility:hidden;! Q2 y! N9 S- T3 ^4 Y
}
; b( Y5 S1 n* z/ @, ]9 B</style>
- @4 G& x6 }; I<script language="JavaScript1.2">& M5 l. E# ^, @' V" L) b
<!-- 改变下的字体的大小。颜色-->
4 r# d+ |" x, h! I* ~0 r: Cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. ?, J8 c+ Z) e) I
var hidetimer='';5 @, r: ~- y( ?/ W% H9 B
<!-- 改变下的弹跳速度-->  Q/ N4 k; c& Y& u" I5 K
var BallSpeed = 20;/ ?) O! C! ^9 u0 b' ?
var contentWidth;2 T) \& |! s; m
var contentHeight;
2 f9 |% S9 G" `) Avar maxBallSpeed = 50;( b" w- U. V7 j1 }4 r7 F
2 m7 l) A- q1 y9 Z3 r& D4 G
+ o  d0 Z6 k+ P" |$ g7 I
var xMax;
' b( x% n: @4 ?- t& a1 o$ b8 B5 Ivar yMax;: D/ `) V9 Y& c0 `7 d
var xPos = 0;
+ N% Q8 D6 o: O4 x( Wvar yPos = 0;2 ?: N: \' O% y/ `
var xDir = 'right';
. r3 n8 @2 `% O! a+ G; n# Evar yDir = 'down';( k) U" v* X3 X' x# I2 }2 O( ]' @
var superballRunning = true;
3 B3 R+ M, a9 \* L7 L/ ?0 K9 h( qvar tempBallSpeed;
( R$ @$ ]3 X% E: e# cvar currentBallSrc;7 s: w# F9 M, M4 Q, P4 \1 f( n
var newXDir;0 d3 Z- H8 s# f9 Y
var newYDir;' N' ]: o: \8 H! \' G! s: o0 N

/ H5 I/ b/ Q/ t4 ?6 ~! {function initializeBall() {
/ X# s5 U, g+ l6 q2 l4 ^   if (document.all) {
* s. d8 \$ i/ X6 H& e# G      xMax = document.body.clientWidth- w9 i0 ]/ K, q2 S) M5 b- v3 B5 L
      yMax = document.body.clientHeight, n$ T' B! A2 O3 S4 K3 E! ]7 h
      document.all("supertext").style.visibility = "visible";
/ c' n3 }( c/ S      contentWidth=supertext.offsetWidth; Z% K- ~0 J- E% Z! b2 r
      contentHeight=supertext.offsetHeight) u8 i5 |- D6 G& n& A
      }
8 Y$ a1 C, Y* ~" j7 q   else if (document.layers) {; t+ D$ r3 a+ @! O) u1 U
      xMax = window.innerWidth;6 |0 d) o' o$ F3 y  b; x+ x4 ?
      yMax = window.innerHeight;
' E8 U6 N* @# j' S4 }/ p! m* e      contentWidth=document.supertext.document.width
' n  n& k0 w' Y      contentHeight=document.supertext.document.height$ e' D9 q/ q- Z
      document.layers["supertext"].visibility = "show";! M: {/ t" [0 z2 n9 X6 I" p$ W
      }
1 {# H+ }) n% `   setTimeout('moveBall()',400);
2 e4 M0 ~3 u- F2 A- q2 M   if (hidetimer!='')
: P4 f. M- G5 ?- _# C8 @! C   setTimeout("hidetext()",hidetimer)
) E8 n9 p$ u5 w3 d* r4 U; |& B   }
* @5 ]% P$ l" t1 J- c
9 Y! `: Z& T7 u2 qfunction moveBall() {
  D3 U9 p1 `" d' f8 V4 J& A" o) u   if (superballRunning == true) {
+ x; Z0 _3 t* G+ w5 r- I, `7 c      calculatePosition();7 [! @+ g/ ?+ B
      if (document.all) {
4 u+ q4 T0 L3 l& F         document.all("supertext").style.left = xPos + document.body.scrollLeft;. J" S; {& Z- ^; V4 h8 O+ `
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 ~+ `" j8 y. h. D& l! N! |         }; U' z+ h, v. m% r
      else if (document.layers) {
, r: t- s( L% T, z/ D         document.layers["supertext"].left = xPos + pageXOffset;
+ M6 D3 v  M5 s% A- e" d         document.layers["supertext"].top = yPos + pageYOffset;7 I. X: `  O2 h. V5 k. U
         }$ M6 f8 H2 d8 k6 e
      animatetext=setTimeout('moveBall()',20);
1 R/ F* A- w6 _9 t      }
8 u8 v3 S# n, e3 Q7 J0 H6 U/ z7 n   }4 |* H; g  x( l/ W) G* O
. C7 G2 d8 Z' d; w4 {3 P
function calculatePosition() {
  y) o  o# x, p/ d5 S   if (xDir == "right") {) s; M4 d0 E. L3 U
      if (xPos > (xMax - contentWidth - BallSpeed)) {
. X( g$ m; v( x4 i: E         xDir = "left";& Y7 `4 `; x$ k/ a
         }" l7 X  s8 O( _7 j% ^+ H3 O8 l
      }
9 ?4 {  A; n$ ?5 Z' L2 V   else if (xDir == "left") {
1 e5 a+ ~) W4 ~8 ~  w      if (xPos < (0 + BallSpeed)) {
; F" l. t- o4 b         xDir = "right";
9 f8 C4 y! O8 k! C0 C         }
1 ^+ v- L+ v: Y; k9 H" I, u+ r      }, _9 v5 Y: R+ W) p5 T
   if (yDir == "down") {
# N' P5 l6 K# \( s- ?: p      if (yPos > (yMax - contentHeight - BallSpeed)) {# n+ u' m5 ~" p4 i0 b# ^
         yDir = "up";- i9 z; d2 ~9 A( G
         }
0 C( M; q' j  z9 U# D, z      }
& N7 Z6 q3 l$ H1 O. C   else if (yDir == "up") {) Z  s/ E; m* v/ M( v; R/ y& A' E
      if (yPos < (0 + BallSpeed)) {5 F  c" s; V  L  `
         yDir = "down";
* z% I4 m. }: E  \4 B, z- T9 b         }! H- w# G7 l' V8 B0 W3 m- z
      }
! c9 Y* k" K- Q$ V0 n% v% D   if (xDir == "right") {
$ b) y* U1 ]4 ?      xPos = xPos + BallSpeed;
1 f" Z/ C8 F/ }1 C' e      }* H! v3 V, y$ E7 {
   else if (xDir == "left") {% Y' S+ c7 {, ]" v+ g
      xPos = xPos - BallSpeed;
1 t" R! [3 [2 A% Z' Y; ~9 H# y      }7 I4 m! t5 `6 i
   else {9 x& A3 [, A( D, {$ n* S  A
      xPos = xPos;3 O% I* w7 C4 a+ [7 M" X& f+ u2 x. P
      }( U' M1 G0 N+ g# l
   if (yDir == "down") {
! e$ c. S1 ^+ _' l1 L      yPos = yPos + BallSpeed;) s2 y+ K& ]6 \" T
      }' l" ~5 ^4 c; T
   else if (yDir == "up") {* D) t9 n8 P, v' |) ]8 c
      yPos = yPos - BallSpeed;
3 _. @2 U! ?1 B+ a- ^, k      }
/ \% M. `1 b% b; E5 X& j) K   else {
/ _5 G6 ~& K# U' ]+ Z* |      yPos = yPos;
% j0 B) A, ]3 a* H6 I      }
- T- ?5 T% o0 \   }: O* I; s& {+ ?# o, p, T

/ o8 _2 o) g* h4 I( f7 ~8 [function hidetext(){2 L5 P' e# [- Y' \
if (document.all)( K8 g: W2 R' R/ Z9 j5 c* N: u5 _
supertext.style.visibility="hidden"2 }* n4 w1 h$ ?5 F
else if (document.layers)8 N2 b. d- u3 x. R7 H; O
document.supertext.visibility="hide"8 i: q5 M$ F' T2 `# y! H5 Z
clearTimeout(animatetext); H( e' ], c1 w! |) H
}: D  q3 r- {. Q, N( m0 `1 a
5 [, k- e/ ?3 K* Z8 [/ z. u. ?2 G$ z' F
if (document.all||document.layers){) D0 O. F; G" H8 ^3 I7 [$ x% A  s
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'); L1 y, m4 T. e& ^7 K9 n1 K
window.onload = initializeBall;: y3 }4 m/ M* _) i2 d( Z
window.onresize = new Function("window.location.reload()");
  G" Z' {* C) G1 E, W* R5 ?9 n}
& t, n  Q; ]6 b: ?. J
8 k$ L* M# O0 ]) b, W</script>