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

zw2004

<style type="text/css">3 n% z4 Y' \: K6 W: I1 V* `
#supertext {+ _  l1 ^5 z% s7 _4 C
position:absolute;
* e0 C6 g; h* g$ B8 s. Sleft:0;
' R9 v9 Q$ M/ k( G$ j  Y, ?% p' \, Ytop:0;' X- ?& C, y/ _6 X7 z# C; E1 I
visibility:hide;6 w7 e" ?" U2 F& y* s- N
visibility:hidden;5 M( ]+ @4 Z) o7 W# F& O' X
}
! @9 M/ f1 P' c: D+ k+ G</style>3 w5 c% k" w: I! ]7 J% [( ~0 |3 t1 }
<script language="JavaScript1.2">  Q: R' |9 q' B
<!-- 改变下的字体的大小。颜色-->
+ F+ @3 j9 U" t# n1 G) gvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% _2 ]' _+ v$ hvar hidetimer='';
- l# B& ?9 T( h<!-- 改变下的弹跳速度-->
  d, Z  w$ @0 f, ?var BallSpeed = 20;0 Q+ v9 O  x* z; l2 r: V" S
var contentWidth;
4 l, }! Y7 G" f+ K& {; O, P& f5 S" Ivar contentHeight;* F9 S3 W2 @- f4 o
var maxBallSpeed = 50;
8 D3 i+ A& a- q- _! M1 E8 K& Z3 b. A& a/ v' h" W
' l9 j. ?8 X6 v) ~
var xMax;7 l' s9 n( {8 c3 F' E
var yMax;  X9 L) j8 U6 r# b
var xPos = 0;
: ~& S' O, J% P# T  svar yPos = 0;, y) z# t2 s, y* U5 Z6 M/ a" }
var xDir = 'right';( S$ _6 a+ r2 y0 `
var yDir = 'down';; N# G/ b! g* V' f
var superballRunning = true;8 O" O! R2 y% B+ T' x
var tempBallSpeed;
; V/ }5 i  |5 ]7 a6 L- bvar currentBallSrc;
" }* z( `8 T1 L! y- X9 `2 lvar newXDir;
# E) T1 D' n7 x: B9 Z6 Tvar newYDir;
0 d0 k, S! T5 e/ I0 O
( a& W1 F( W+ bfunction initializeBall() {4 R& I$ Y( B2 d- ]  D
   if (document.all) {! D3 f( K( ]* B/ w- C( R, q
      xMax = document.body.clientWidth! @) s$ b9 h4 N$ ?
      yMax = document.body.clientHeight, ^& G8 m% r% h- h2 P; U
      document.all("supertext").style.visibility = "visible";
" Q$ w- b" S2 S: F1 @      contentWidth=supertext.offsetWidth
/ R! |7 M& O7 g1 t      contentHeight=supertext.offsetHeight
4 s! y; h! _2 F+ a      }% J+ ^: z4 r) J( }2 ]' M7 t
   else if (document.layers) {
# l' a4 \8 V& W1 S7 F      xMax = window.innerWidth;
. P. {9 l& j* ?! I      yMax = window.innerHeight;  U. C. ?4 g) W
      contentWidth=document.supertext.document.width9 c- K1 f" W- n, f) Y; t; l
      contentHeight=document.supertext.document.height
- B! j: p; R- Y      document.layers["supertext"].visibility = "show";5 d2 |# h8 z% e$ ?
      }
" M9 t) N, m" l" W' o+ a   setTimeout('moveBall()',400);
( Q' y. Y, s$ r8 A   if (hidetimer!='')# ?0 X) k; M7 p" g5 h
   setTimeout("hidetext()",hidetimer)7 A# l  s) l6 h
   }
) z  Y3 ^7 g/ r7 ?! P
8 }4 F. N3 E# x: rfunction moveBall() {
5 E4 R# F3 K+ i3 V1 f   if (superballRunning == true) {
) ~0 _2 B: A6 p5 D- g, i      calculatePosition();% T  d6 I0 `; N0 ?
      if (document.all) {
" {4 M8 p9 {/ M8 o         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ x# v6 D9 w! }4 h         document.all("supertext").style.top = yPos + document.body.scrollTop;
! q) G" A7 y$ y! J         }, K1 ~' G3 A. R+ v. d5 w
      else if (document.layers) {- q/ ~0 S8 {$ O. A
         document.layers["supertext"].left = xPos + pageXOffset;
" O. P* f0 @1 b& e+ q% l         document.layers["supertext"].top = yPos + pageYOffset;
) I/ h& u. B1 \; Y8 z         }3 s8 b3 v8 Q8 M4 ?3 b9 X7 p, m
      animatetext=setTimeout('moveBall()',20);
5 y; [8 t9 F  n" u- j      }
. ?1 b/ X4 n! k1 s* I   }
/ u8 ^0 p/ A' O. U4 n0 @0 Q& Q7 z* u* z2 c$ p' O
function calculatePosition() {& B0 q; R1 M* V) C0 T
   if (xDir == "right") {
5 X2 R! V5 x- K, c      if (xPos > (xMax - contentWidth - BallSpeed)) {1 B1 n$ [8 t/ ]/ N, N
         xDir = "left";( v/ V) L! K- V1 D7 g; ]
         }9 Z  ?) T1 a$ R0 o+ T  _  k+ P6 p
      }0 F/ J& ^/ K$ ?* i- C$ Y2 S
   else if (xDir == "left") {" G. Y- M) K( E# y/ V- d
      if (xPos < (0 + BallSpeed)) {
( c, u$ E. Y2 c5 X! W5 p* Y5 ?         xDir = "right";1 h% |. v' Y+ v2 F$ B' L  g
         }8 e' x$ v; Q6 `; g/ [$ I
      }
& K1 N, N0 X) A- H   if (yDir == "down") {
1 _) u5 q) [" o9 L      if (yPos > (yMax - contentHeight - BallSpeed)) {% w( a1 `3 m9 f  j* d) F
         yDir = "up";
1 r+ h8 M# O8 j; c2 \# x& ^. U         }( S- k7 q; o% q! W: W; @% Z
      }
. F0 G4 w. d  d, @' u0 X2 J   else if (yDir == "up") {
6 j5 O9 h0 D/ Q% {! Z. [      if (yPos < (0 + BallSpeed)) {
3 l8 s( P5 p" y# H" ?1 r         yDir = "down";
2 B7 L4 S3 y/ j  u# _& ?8 c! i         }
# W2 q: A: P3 |      }! u) k3 L7 B/ t3 i
   if (xDir == "right") {
8 T$ @( y% \) j2 B      xPos = xPos + BallSpeed;
/ e4 x! t4 d3 D" {9 ]' g4 k      }: l) E0 P+ h' C" C) x; U5 s" G1 f
   else if (xDir == "left") {
  g; W* a* S0 P" |5 u* L1 c) }      xPos = xPos - BallSpeed;
' ?3 J7 @, |8 U' {9 |      }
# p# n  ?3 h! J5 C' ]8 X2 _% a   else {
: N8 V1 c6 }8 P; j, c+ g; {      xPos = xPos;
" t: P9 \% Y+ Y6 _      }. h& @/ s/ x8 b. `: x- @& S
   if (yDir == "down") {
, V4 z7 n4 ^0 a2 _' O, l      yPos = yPos + BallSpeed;4 m- I5 @+ k1 I* F- a5 W& v
      }
3 U( z; ~6 L# @" V   else if (yDir == "up") {
$ \1 j. J, t9 ]$ o; ]" |      yPos = yPos - BallSpeed;; H( f2 j' B, i$ Z: O% }
      }
! ?# P$ i: e! E. }/ u7 I9 }   else {
2 L/ f- v1 r6 @3 }3 I7 R3 c      yPos = yPos;! f- d  t, U2 z; J: f$ p$ ]- O# a
      }
. [" ]5 z/ c0 q$ B$ e3 M   }
! [4 i" N6 n3 I2 S3 w; f' d; s" {- N
& \. y" R8 q: r. ]: Ufunction hidetext(){2 g& ~, {9 n& P* ~0 _
if (document.all), y. l$ a- R! k
supertext.style.visibility="hidden"- s+ o7 Q8 f) _
else if (document.layers)
+ i$ s5 s3 c. Mdocument.supertext.visibility="hide") m  `  Q% B: k' p' C( K8 o, l8 U
clearTimeout(animatetext)/ T2 w- W8 l7 f8 E5 a
}/ z0 r( ^3 f7 Q  g$ \6 h+ ^' d

( f2 T$ H; K. vif (document.all||document.layers){
4 I4 O1 S% e9 `- }1 y* F- Bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 f$ B! F5 ?! e: p  D: X7 [( I) d  O4 Z
window.onload = initializeBall;( ?- R, P; E7 f) i$ O
window.onresize = new Function("window.location.reload()");, H  |7 I/ g+ L2 J5 _
}7 Y) i+ I! \6 p
: v8 I+ N$ o1 P: B/ j# A. @
</script>