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

zw2004

<style type="text/css">- ?! [6 i1 V& @; P5 J) n# q
#supertext {
- Y! C9 B! f, W" X" {( ?9 Wposition:absolute;6 E7 a6 E3 Z& p4 G# H7 T
left:0;
9 r) E5 z3 d" ^2 K0 @1 L  ~top:0;
5 o- [0 z6 \6 W5 ^4 R" pvisibility:hide;
5 x! B, J* f: T7 zvisibility:hidden;3 k4 O# G- U. e8 K& u% Q
}
/ a1 `$ @9 V! `& ?: C- H</style>; R- J! r: F$ ^; h
<script language="JavaScript1.2">
# d, z7 T6 e9 e6 \# `0 d<!-- 改变下的字体的大小。颜色-->
; j9 s; Y2 `" P6 {+ H8 evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 }( U6 Y! q" [, C  k% d" P( svar hidetimer='';
7 a1 x( i  D* d<!-- 改变下的弹跳速度--># }( `4 B5 T$ R2 X6 Z5 {
var BallSpeed = 20;6 x8 [6 N- R1 I/ U
var contentWidth;
+ L' u. x& S& c5 [" }' Kvar contentHeight;
  e9 d8 z% a+ {! i7 Pvar maxBallSpeed = 50;
2 J/ W8 h. k: X4 v0 b4 K7 c" T3 l' o: o3 c4 e) z
- E9 x2 X3 L, Z
var xMax;8 F8 w# G, h, ~2 @
var yMax;
" B, a# u5 Q5 F4 n  jvar xPos = 0;9 Z7 f  [9 _& N1 K8 X7 ?
var yPos = 0;7 {" p7 U, P  i9 l: C: u2 x
var xDir = 'right';
4 D3 S$ G. Z$ W5 y4 Kvar yDir = 'down';( D% G. g$ F! C; Y
var superballRunning = true;
" @$ ?2 i! Z+ g0 Avar tempBallSpeed;4 X( C4 g! ~6 h' o3 H
var currentBallSrc;
0 R% Y  z" j" H/ m  D, {var newXDir;) \1 ~& b0 U/ F0 r, {
var newYDir;
, Y" X+ M" G- q' ?8 c, p$ Y, _
* Q/ `5 p+ d1 m& ffunction initializeBall() {4 ?+ _( ]  I( @
   if (document.all) {
' z# S. }9 T6 E& ^      xMax = document.body.clientWidth( W4 H- ]$ A/ z2 @2 v' J4 D" S% l: o
      yMax = document.body.clientHeight
0 k8 W# Q6 o# g, @3 w6 D      document.all("supertext").style.visibility = "visible";3 W) ?" S2 ?- x) f
      contentWidth=supertext.offsetWidth
0 m! `5 S: _$ ?! e      contentHeight=supertext.offsetHeight
0 g% F% Q5 s8 V      }. g7 ?- Y! N% h) U# {( Y6 P
   else if (document.layers) {& i1 ~0 Z3 x" o$ ~- @
      xMax = window.innerWidth;
6 ^0 k) o% [2 b8 C5 G9 F      yMax = window.innerHeight;
! g, U0 g/ q* `, i  b  B+ X      contentWidth=document.supertext.document.width
7 N: v5 S( R7 m% @6 a$ V      contentHeight=document.supertext.document.height- l' _. B6 j! k  j. D8 K; ?2 P; _2 q
      document.layers["supertext"].visibility = "show";
& \& ]6 }* E& M2 j      }
: M- }+ z) B- J   setTimeout('moveBall()',400);
; n( U: L7 X+ f; f   if (hidetimer!=''); I, O! H6 |- s5 ~: C
   setTimeout("hidetext()",hidetimer)
7 F9 d7 P. E( ]  `   }7 j/ b5 m- p, e" j' @

) f3 S2 {$ M1 x+ efunction moveBall() {5 N7 U, N: Z! `
   if (superballRunning == true) {
' O, ~: }, h* d) h      calculatePosition();. n# u* w- z/ R1 F
      if (document.all) {
& a! W; ?$ x4 L         document.all("supertext").style.left = xPos + document.body.scrollLeft;
, \& G& E0 p0 k( ^- {         document.all("supertext").style.top = yPos + document.body.scrollTop;. a( s- i$ b( O/ C4 R! \
         }% `! v: {, i. B5 I- l6 b) t/ u: x
      else if (document.layers) {
; X; ^) e  @7 u6 N' P' e" r; [         document.layers["supertext"].left = xPos + pageXOffset;
# r/ U5 M5 e0 ]3 h2 o         document.layers["supertext"].top = yPos + pageYOffset;
3 b! s5 n; q" j4 q         }: v% j8 a( W6 L7 T) H
      animatetext=setTimeout('moveBall()',20);: A; o$ k5 b3 X" R: Z  ^
      }/ x. ]9 v* n( a) r) Q
   }% v0 {* q; O: V) a, _( B
) Z. ^7 G8 q) z0 S0 c
function calculatePosition() {% s5 r# }! F6 r. y3 l
   if (xDir == "right") {) E5 O4 t' m4 d5 `. V: H3 r% q1 \
      if (xPos > (xMax - contentWidth - BallSpeed)) {% x, k- A& G1 K( e8 ]3 e
         xDir = "left";
* e3 D4 o" R/ R8 v         }
5 f# r: ~% Z- O6 k      }! |6 S, J- k% @
   else if (xDir == "left") {# \, f, U0 i' c; w# S' \5 ]* d' {
      if (xPos < (0 + BallSpeed)) {
7 `0 s/ G9 P$ D. d5 t         xDir = "right";
3 Q1 v  l) A8 j" [         }
) t# D  o5 K3 ~7 W; X      }- b9 h) O6 |) z, E
   if (yDir == "down") {( ?9 G1 v; A3 H. X
      if (yPos > (yMax - contentHeight - BallSpeed)) {8 x: b0 e- L" o1 ^) o; c
         yDir = "up";
; v/ F) O3 f& R- W8 ~1 X$ b         }
4 e- U+ b2 n# B      }
5 R# F% B( e% D8 _1 ]   else if (yDir == "up") {, ]: y, ?/ J- V' F! U7 \! c
      if (yPos < (0 + BallSpeed)) {; y8 y# v+ v1 i. h
         yDir = "down";
3 n: O% W3 Z- Y0 n1 v4 C+ T7 f         }! @, ?- |# ~  W" v$ A5 S
      }
2 W9 j; o/ z. `- u5 w1 V   if (xDir == "right") {; y$ L8 Y& n0 \0 _; E
      xPos = xPos + BallSpeed;
( \: L! O7 T& a; g0 G- ]# n7 n      }
& A6 M/ `7 y2 q2 M% l   else if (xDir == "left") {
: N/ C) e5 p" ^      xPos = xPos - BallSpeed;  W3 _6 n, a) s; f5 q6 i
      }8 i( I- V0 R- ^. R1 F
   else {! X) P- H' c6 h4 h6 ]- b
      xPos = xPos;+ o5 n# {9 D8 ^5 N9 }
      }
/ }) V% }8 d7 @; s  Z3 d* \   if (yDir == "down") {! _, }! I' g) n: _3 p9 e) e+ `! ^
      yPos = yPos + BallSpeed;
/ g) ~+ s0 ?( ~+ x      }
% Z& B4 }9 j4 F   else if (yDir == "up") {! N! [: z4 c4 M. p1 l  ~
      yPos = yPos - BallSpeed;% p- t* c$ R" ~" d+ T4 u
      }* M9 w% s9 W$ r& o, I% e
   else {
& \" o7 e/ q' O( l3 Y" b9 j% _' m5 E      yPos = yPos;. N2 t$ F8 T; f1 P
      }
, \! o6 S1 d* j   }- R1 ^1 h  i' k+ ^: I8 {
5 D0 M4 u2 |* s- W
function hidetext(){
$ i0 k5 v1 r& p) |; j0 Rif (document.all)
  k8 x/ ]' ]$ N4 D6 vsupertext.style.visibility="hidden"
1 ~9 P3 O2 v" U/ i, H, |( X& Relse if (document.layers)
0 E! I& H% ~' Z9 i7 |; Z& l1 d" gdocument.supertext.visibility="hide"
- _8 l" A. {3 C! A7 O  VclearTimeout(animatetext)
  H4 Y9 V& ~) @5 w8 E+ c}# t  Z& u. e0 [+ u) o. i+ d& Z6 C
" i. {; I. o$ K9 }" G; ~
if (document.all||document.layers){
, r$ }- v, E1 {# c# }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')) L$ c! ~7 ~- A8 g
window.onload = initializeBall;
, R, j$ `6 ?  Q# g& G# ~window.onresize = new Function("window.location.reload()");
) c6 |. a2 d) A3 j6 }}' s& Y- A( D; H) a7 a3 t
& o: s3 R4 o. H7 D' n/ [1 p$ @
</script>