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

zw2004

<style type="text/css">) i6 R$ i& F5 z
#supertext {
" y! P( y5 f( b$ @; xposition:absolute;% }/ g0 O7 t/ \5 u( }7 i5 C! f
left:0;
/ T  e7 c8 ~- R( E; E- Otop:0;8 X+ }0 d6 S  S7 J" x; l
visibility:hide;
; l! G! i9 m1 pvisibility:hidden;7 B& {" ]: O" F( O: v( ~
}6 X) C# T. @& L0 C
</style>
' U! W7 H0 ~# H- d+ Z<script language="JavaScript1.2">  k5 T7 e8 W" d+ e2 B; G' K& {0 F. J
<!-- 改变下的字体的大小。颜色-->
1 t$ y# C% w9 k* [+ Uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 c+ }4 |- ?) L  \# j5 a( M9 e
var hidetimer='';; C9 Q5 b5 Z# v& F, g8 q
<!-- 改变下的弹跳速度-->5 e# L1 Q1 _8 z
var BallSpeed = 20;% q* P5 X7 S0 Z# Y2 e* y! z9 s8 A
var contentWidth;6 _, f9 b7 T) [
var contentHeight;
0 o6 u) ?; J# T. Z3 f! i# [% ?var maxBallSpeed = 50;4 v2 q6 x& _! F" L+ Q2 ~) M
! C/ d7 d7 E( d! r6 S% `# W
; U$ q5 e# p# ~
var xMax;& q/ _( a8 ]& J* f. D% \
var yMax;
8 L* m( u9 [# r5 f( T7 P0 b4 wvar xPos = 0;
3 c+ Y, ^3 `' q$ R! i7 a- Y7 d9 [: l) Kvar yPos = 0;
7 t. H2 l0 ^$ n) |' Fvar xDir = 'right';
# k  K, Y8 S1 \+ G  W- u$ cvar yDir = 'down';
6 X' i+ V5 p8 s* |var superballRunning = true;
0 d0 V/ F) Q; X* rvar tempBallSpeed;$ e  |7 Q2 {; D
var currentBallSrc;. g7 y3 t3 j2 i8 R$ ^) z6 H+ @  {+ R
var newXDir;
+ j& _5 T+ w  Q" t3 hvar newYDir;
+ |  W+ y% r3 I9 U* ?3 b0 [1 V" y9 B
function initializeBall() {# `! e! l7 H9 p( J0 W1 C* ^
   if (document.all) {
0 Q/ q  ^$ B# F  z$ L0 P4 _2 T      xMax = document.body.clientWidth
' S0 R! g% n4 i7 }) ^$ x      yMax = document.body.clientHeight% f% n3 g7 l6 M
      document.all("supertext").style.visibility = "visible";: {9 _- {' Q7 e  L9 j9 |1 L+ {
      contentWidth=supertext.offsetWidth6 x% ]5 L8 x9 V4 e6 I3 T
      contentHeight=supertext.offsetHeight
% e" M: ^9 v2 L" A! F4 h- K      }
+ v; \$ Z: A$ F   else if (document.layers) {
8 B$ q* r: I5 ^, d      xMax = window.innerWidth;
! X& b5 P% D$ [      yMax = window.innerHeight;
9 r& u7 b$ r! h# b0 a- N      contentWidth=document.supertext.document.width
  k1 p; k% z( X# _      contentHeight=document.supertext.document.height
. V7 H+ ~6 Y2 c: e$ c      document.layers["supertext"].visibility = "show";5 ~0 s4 e) B- P# e
      }2 M7 x( k) X5 b! @
   setTimeout('moveBall()',400);
1 \- v1 \8 l2 h6 Y. G5 n' l) u& X) _   if (hidetimer!='')
, z/ u4 T  ~) }/ V, h   setTimeout("hidetext()",hidetimer)5 b! b1 s5 y0 W3 z
   }
# ?8 f$ @) r. E4 y+ @$ i  x" _4 \" z: ~8 a
function moveBall() {
  l1 h2 r; z. q   if (superballRunning == true) {$ z! Z  b; E' F. I
      calculatePosition();
. x+ v8 I2 D2 i9 _/ o      if (document.all) {
3 x" {' c8 f& w9 g9 t         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 j# l; b4 U  L5 g( P; `4 S) w         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 p+ K7 i; }5 C4 \6 K# G( }         }+ @! w5 A+ a" f' i) q
      else if (document.layers) {' m: x; z  h+ ?! C
         document.layers["supertext"].left = xPos + pageXOffset;- Q4 c1 b6 v8 B8 x
         document.layers["supertext"].top = yPos + pageYOffset;# R7 _( i7 z  i- ^& @1 ?; w
         }
; e' ^5 f' O, }# z2 w' A, i6 P      animatetext=setTimeout('moveBall()',20);) K, k$ S, D8 H7 y
      }
6 Q& `' w3 U+ m   }
) Y9 v4 y. m- p8 \8 ^# B$ D
4 x7 d( g3 O4 S: G! {) N/ Ufunction calculatePosition() {
7 M" q9 E- E4 v- ^: Y   if (xDir == "right") {6 b! l0 Q; \% G% ]+ _) m6 i6 w8 ^' x
      if (xPos > (xMax - contentWidth - BallSpeed)) {
; X0 H' s( ]8 z7 K4 P5 B         xDir = "left";( m" i7 l4 p5 D. U5 y, {( S& }6 U
         }  S4 N8 i1 l" ~: q
      }( w4 t. f5 e; g5 m8 ^' ]3 n7 B, s
   else if (xDir == "left") {9 u  t( k; s7 Z, C4 q- A
      if (xPos < (0 + BallSpeed)) {
0 l+ b/ g9 N9 `2 Q: l0 C         xDir = "right";2 ~' @! L( R# L$ a' {/ E: {
         }( `7 o1 Q* A" {3 e. }( ~
      }
4 c& L! X- h, M! Q* |: g   if (yDir == "down") {+ T4 f! Q- H3 M; ?0 _
      if (yPos > (yMax - contentHeight - BallSpeed)) {
* N+ |) a+ a4 C7 I; m+ {# x" S         yDir = "up";! V$ f' g! @# p& |" @
         }
% l* G: Q9 N* Y( j" l      }  |* _" E: \( r8 |* ^
   else if (yDir == "up") {6 w8 f; n! j% y* E
      if (yPos < (0 + BallSpeed)) {1 f! A* O! h5 p
         yDir = "down";
: V* D2 }0 \5 Z/ f6 [2 L         }" N0 s8 B) G/ @3 T; `" O
      }
, l0 A# a9 \' ^' X- k   if (xDir == "right") {
' N0 ~8 ?+ k$ @      xPos = xPos + BallSpeed;* m3 f; [" h# W, ^/ k0 e- U  ]
      }( @4 }9 O  \) [; F4 v: x4 H
   else if (xDir == "left") {: \) [9 K9 a8 `8 s; p, c& c
      xPos = xPos - BallSpeed;8 A, P8 ?" F0 J/ T
      }8 c# B4 m9 n" \/ S
   else {5 v8 c% P) \& m6 r
      xPos = xPos;
) H/ b! G. i0 v# V3 ?      }
: p6 S! q2 s$ Q- v& `6 y   if (yDir == "down") {
; T& }; ]" T+ v2 v) [% v8 R      yPos = yPos + BallSpeed;
8 p/ O6 t* x, b0 M) \$ B      }
1 c1 R* ?2 A* ~0 ~- ?8 X+ n   else if (yDir == "up") {1 W8 t. A$ p5 J3 y6 l  M' D
      yPos = yPos - BallSpeed;! q' \: h' W0 ^9 p
      }7 i$ r  F8 T1 O" u" t
   else {
' K/ w7 d0 ~  z) z1 g1 _3 n" r      yPos = yPos;+ X6 f! @, n4 t$ ~4 S
      }# h1 @4 c# Z/ S% Q, u
   }
! u3 ?0 c, C8 d- \8 E3 D- A; h! A; s$ \2 u
function hidetext(){1 H4 v! P% X: L" m6 ?5 p) g
if (document.all)* o) s3 Y5 V4 Z& {1 ?
supertext.style.visibility="hidden"4 y$ s1 G5 T: i. o
else if (document.layers)0 Z% T% N7 D* H, _5 m) J2 t
document.supertext.visibility="hide"3 U; P! q3 v3 G# b& s1 F& o. V
clearTimeout(animatetext)
$ _+ p! x: ^9 ^4 {" I}9 Y8 b% \; }1 n5 ?- F
* v0 m' m9 L+ _2 A4 m. W7 M. g9 @# \& l
if (document.all||document.layers){
2 E; R. C) S1 s* f8 m- E7 p5 _1 hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ n4 [+ W* G" s) q6 C2 L; pwindow.onload = initializeBall;
/ D! n/ c8 h8 ]0 @$ O! k; n7 F% Dwindow.onresize = new Function("window.location.reload()");
0 p* X$ W6 A! j) X5 ~}) z1 ^* O* e9 R: l! y
! [+ `9 ]) I, G
</script>