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

zw2004

<style type="text/css">
+ @, f1 `* l  G: L* r) w, I#supertext {
' L# p& w2 ^+ a& M# Fposition:absolute;
9 g3 Y8 R, P& p% j* ?left:0;
' j% m$ {/ Z9 Mtop:0;
& w0 Q* L( s# {6 h- |visibility:hide;* G! x6 T& z+ p9 p  |
visibility:hidden;
0 K- m9 L7 U- W1 R2 m}, P4 E# Q- |0 n  ]% y4 Z. t0 @
</style>1 u1 M4 V6 |; Z  ~5 N4 l
<script language="JavaScript1.2">9 q2 J( Y. O# B! O" |1 `( j
<!-- 改变下的字体的大小。颜色-->+ Y# G4 z9 V2 @( |) Z% B
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( [* r* V9 W% e- @
var hidetimer='';# c/ D% Z5 Q# @9 b0 Z% l/ K
<!-- 改变下的弹跳速度-->3 l& ?8 E& X! R" e6 J7 F% s9 }
var BallSpeed = 20;% g$ C1 G( S& a8 [' u8 P/ d
var contentWidth;
5 r0 c) j" y9 j4 g! j/ G* Ivar contentHeight;
' H4 ?1 ~8 Q1 I' Y) n7 G# [% x: Uvar maxBallSpeed = 50;
0 x5 ?- h+ G+ V! X/ K' D+ \6 {3 u) K# {7 R. Q& O9 u0 P# B
) ?! r. s1 e! C! F8 y1 o2 G
var xMax;
1 a/ D/ W: k: [( I$ Fvar yMax;
. J3 |* z- s1 I( uvar xPos = 0;) {/ g# O$ V+ X+ M3 {
var yPos = 0;" Q9 \9 r6 V. g/ l0 ^
var xDir = 'right';2 B0 q$ Z. ^7 |+ b. B. b+ q
var yDir = 'down';
! |- |/ y2 t/ [) Tvar superballRunning = true;
  ?  g$ I" g. j8 `  z1 }" Y( ~var tempBallSpeed;
' y" Q: U9 t& n" E5 y% ovar currentBallSrc;
5 ?7 k/ A( Z/ [# z+ l# D9 Gvar newXDir;
' G/ y- T  X. vvar newYDir;
" q6 ~0 j, M+ ?3 y  J: c4 U. j1 c9 v# y. t3 ~+ O
function initializeBall() {
/ e: G9 [7 Q) z8 H3 g3 C$ L   if (document.all) {
+ i/ y  M  ^: o      xMax = document.body.clientWidth
  O2 P" q& X/ ^$ e      yMax = document.body.clientHeight+ k7 x) L9 `% v0 N- h
      document.all("supertext").style.visibility = "visible";
" ]0 y3 X8 {1 f$ c7 V: n7 L      contentWidth=supertext.offsetWidth! Q* g6 `( D# e$ ]
      contentHeight=supertext.offsetHeight
2 e5 w, K& W4 {. f( Y  |% i      }9 ?+ @* l+ _& G$ }
   else if (document.layers) {: M( u9 b  T5 u! Q# ?; H
      xMax = window.innerWidth;3 x2 O4 i1 [( @
      yMax = window.innerHeight;
9 G4 A8 ^9 K# J9 \# z      contentWidth=document.supertext.document.width
: f& a+ T! J( E' j      contentHeight=document.supertext.document.height: }8 A( \: Y9 u: l( _
      document.layers["supertext"].visibility = "show";
! j& C7 \, Q" D8 {9 p4 N# K      }
* w7 J' W% u& ]. k" F   setTimeout('moveBall()',400);
5 {9 R. _. @, L& S   if (hidetimer!='')* q/ s- h# [3 f4 y; m
   setTimeout("hidetext()",hidetimer)
% O+ Y& @3 y1 l* a9 G0 X+ a   }
3 p6 l, Q( p5 Z- `7 i; _% A
- ^( o; l) t6 }0 o* qfunction moveBall() {) U2 i; B4 [1 C5 R: B
   if (superballRunning == true) {4 b4 Z* @  [! }
      calculatePosition();
+ h1 J6 D$ \, B% S+ n      if (document.all) {
7 V& `: r9 @6 s' {0 B+ O         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 q% s5 I; X' N8 w+ f8 x+ g
         document.all("supertext").style.top = yPos + document.body.scrollTop;, |0 X# r/ {) Y7 X
         }2 g* |$ a4 K$ M8 X- S
      else if (document.layers) {) T3 h4 k- e8 }4 s$ v3 @6 U
         document.layers["supertext"].left = xPos + pageXOffset;' u1 P+ D' W- ^8 o- w# Y% y
         document.layers["supertext"].top = yPos + pageYOffset;
1 v/ e& |  Q6 N+ A- w0 j* d7 r         }- Z5 S. y3 y. w4 Y" z2 E
      animatetext=setTimeout('moveBall()',20);# n+ |) d1 N6 b$ J
      }
. C- B+ B' r' `/ o1 p" S6 _   }
3 P7 Z& b% m* O, v" d3 R+ T& p
1 W$ x5 l. X2 p( Y& s. qfunction calculatePosition() {
! E7 h' T9 U: [   if (xDir == "right") {8 q$ m+ Q# {* S. s+ x* m8 P
      if (xPos > (xMax - contentWidth - BallSpeed)) {! e* {" c# t; t
         xDir = "left";7 y* ^8 s  W8 f4 [3 P6 X
         }0 D; b  Y* H- {3 `0 n
      }  a0 i6 f+ \2 M! R  V2 |' ^
   else if (xDir == "left") {
/ e$ n/ r8 _: Z; [( A! k3 x$ g6 O      if (xPos < (0 + BallSpeed)) {
8 o# ], w" l- o% w! N5 [         xDir = "right";' G4 @3 D0 X5 n0 g) t# Y
         }
" k- t2 k! \. z      }1 ~, \9 y  y/ `2 p8 X! ]; i
   if (yDir == "down") {
( B/ Z; }" u. X2 a! a& D      if (yPos > (yMax - contentHeight - BallSpeed)) {8 h3 j" h$ j/ f+ E; o. ^2 u9 Z
         yDir = "up";& `9 d8 n& B4 @3 e
         }/ M, ~) w( V+ [1 ?5 P
      }
6 M% X1 a: r( Q" z8 ^& h   else if (yDir == "up") {& @1 }" x9 f: {+ u
      if (yPos < (0 + BallSpeed)) {
8 f: [% P+ w$ f) c) h6 F7 S& i         yDir = "down";# a2 T' F5 c7 l
         }
# A+ }  m; O+ r& W      }
2 L2 N- }+ \6 D4 O6 W   if (xDir == "right") {0 W" T# i0 @2 s: @; }. I
      xPos = xPos + BallSpeed;4 f) M1 w. ?: C: y4 J- P
      }2 b  \; d, m7 J9 b& I* O' }
   else if (xDir == "left") {
9 [/ Y1 o1 M7 g      xPos = xPos - BallSpeed;( ~* \* M9 w5 A" v: G* [& Q
      }
+ b" z% s  |4 v9 u, S7 V4 X2 \   else {1 e" X  M4 N2 j/ Y/ N
      xPos = xPos;
; b5 n7 }8 [4 a# v% T      }$ J) z# w$ ^6 D, Z  p
   if (yDir == "down") {& K1 @. h! I3 E$ L, h4 g$ d
      yPos = yPos + BallSpeed;
4 s. O- z2 |5 j$ N" S3 Z  X: Y' d      }( ^5 O/ q; P: U
   else if (yDir == "up") {
1 k/ n6 y  j, [: f      yPos = yPos - BallSpeed;
& g  j( Z3 ~- c. ^% u  p7 @      }
. g; ^# p" a: f; t2 p& O   else {3 ^0 q, W4 L  s6 @+ F
      yPos = yPos;
  s  V7 @  W' {: T2 i6 w      }0 r! T" _0 w5 C9 {5 M3 R( f+ r
   }8 r+ d' Y- }# r" N, V: }5 ?

! `& \+ a3 l& e# y: s! Nfunction hidetext(){
6 }$ c2 f* b9 |% `; R+ K' ?if (document.all)7 i9 M% a' }" i8 C4 I. w
supertext.style.visibility="hidden"5 s* t" b% _3 t
else if (document.layers)
& W) G. W  g, _1 L& qdocument.supertext.visibility="hide"
! M2 g' _4 b: [9 c9 {clearTimeout(animatetext)
5 I8 r3 I" x) k! \9 q}
, G& ?- X( z6 ?$ q3 z" M2 A5 y8 m2 h0 ^. c$ @+ V
if (document.all||document.layers){2 c" `7 l+ |0 k- X6 G  j" z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): c$ h2 n+ s6 a$ E) X+ `6 h, v" y
window.onload = initializeBall;
& q& b+ q9 f1 i! R5 o+ n4 l" dwindow.onresize = new Function("window.location.reload()");
1 j* `; l& X. ^: l3 A! j# Y; D$ C}0 j8 M( g9 V3 b0 R* t5 S' i

1 w1 q, I# y# F- C+ b9 f6 w+ N</script>