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

zw2004

<style type="text/css">/ q0 p6 [" P$ A/ V$ c/ Q
#supertext {
- ?6 V; T+ s/ J; l  H0 Q3 H/ ~$ D8 iposition:absolute;
* I/ n) T4 ]& I& Rleft:0;
% d! d4 A1 ]; R# O+ F9 [$ mtop:0;9 |- |* }/ D, N4 u' _+ \( Z; F/ N+ c
visibility:hide;
0 m. F2 b/ ~' {visibility:hidden;
+ p2 k# i6 a4 [0 C8 x0 O3 n}/ j! t+ F) n, h/ [' C0 I9 e- b
</style>+ W5 H8 U2 @1 w! u" F( S2 }2 T
<script language="JavaScript1.2">( t& C- X+ y: v5 P9 T
<!-- 改变下的字体的大小。颜色-->9 X. L' Y3 Y4 r$ F6 I. b
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') \4 D* a' p9 `- S6 w3 E4 Q. g( ~: i
var hidetimer='';: K. ], S* D; C0 n! A) {9 X: @' ?
<!-- 改变下的弹跳速度-->( o9 W. C# a! q1 {- H
var BallSpeed = 20;( n+ [' a* v  b9 U6 h3 ^
var contentWidth;
% Y) J0 U$ i$ Rvar contentHeight;3 @; r4 J2 _4 I  }
var maxBallSpeed = 50;. I7 g9 O& d! }  o9 q+ P! ^% Q! I

! A7 `# \+ h6 ]7 S" }1 n0 `8 o
% B- e9 ^. ~1 p. E0 Z. g1 zvar xMax;. h" E1 n  n$ T( E, X
var yMax;
% _: N. `- ?  G2 Wvar xPos = 0;/ K& ?' H, L' B) g5 h1 _
var yPos = 0;/ r* t5 V1 @* g
var xDir = 'right';) Y' Y/ ^% j2 T. k2 B# A' z
var yDir = 'down';
: P8 {6 v2 K( e$ i# J9 P" rvar superballRunning = true;, I1 O, K4 S" _7 [# T
var tempBallSpeed;
- I  j2 u0 X% b8 ~* n7 B$ bvar currentBallSrc;( V: Y2 e7 G/ w1 C' e5 ~
var newXDir;/ W+ K* Y$ f/ i* X
var newYDir;
; E' @  q/ F6 b2 c, O
) I3 z7 h4 }0 U+ ]function initializeBall() {7 B+ Z) l# j# s% l5 `
   if (document.all) {) d: \' b, a& @  @; n
      xMax = document.body.clientWidth
2 U/ W2 q9 ?( X/ x+ W      yMax = document.body.clientHeight
( @) o- u# S: @: `5 _1 l      document.all("supertext").style.visibility = "visible";- s% Q8 E: j$ ]7 O) a: B
      contentWidth=supertext.offsetWidth
- \3 V/ y: Q" ~6 ?, p" W      contentHeight=supertext.offsetHeight$ L0 I+ z9 U9 N' I( g
      }
$ ]% v! P; j. n   else if (document.layers) {+ t5 L- Y5 E' e$ K
      xMax = window.innerWidth;" M: y; K# [3 z7 o1 |$ [( G
      yMax = window.innerHeight;# K2 P+ Z, @& |8 t& F
      contentWidth=document.supertext.document.width
* A; N' ?: a" N6 O9 ?      contentHeight=document.supertext.document.height) ~2 n/ A! c: l) z
      document.layers["supertext"].visibility = "show";
# I1 S' q. f9 C) L9 g/ F      }
2 Z* q! B/ I: C- H% g9 E   setTimeout('moveBall()',400);
" C- G+ N/ @3 `+ T$ n6 K   if (hidetimer!='')
. r+ \, U; R. c! o2 Z- A, Y   setTimeout("hidetext()",hidetimer)3 a! ]' C" d! K' J# K" r- v0 m
   }
' I7 B5 p. a: D; `' J" D, l( r% }, C8 @. C9 f0 |: n
function moveBall() {. n! o+ R% ]/ i% F
   if (superballRunning == true) {/ m# `. D9 R6 U$ w
      calculatePosition();
  e1 Z; W$ V% S! }# S      if (document.all) {
! s3 z8 k5 Z+ y. @5 z# \, |0 X         document.all("supertext").style.left = xPos + document.body.scrollLeft;
0 w, B% M& o6 c% t- z( D         document.all("supertext").style.top = yPos + document.body.scrollTop;/ s9 @6 z9 \# I$ i
         }) J, L/ O9 m* W/ B7 h
      else if (document.layers) {6 G& K/ F. d& K3 R* c* g, ~
         document.layers["supertext"].left = xPos + pageXOffset;# h  v) s- H: ]: f6 x
         document.layers["supertext"].top = yPos + pageYOffset;2 r+ _  k- z: g6 }0 \# p
         }
5 R$ \% N% o8 B; M4 {. k      animatetext=setTimeout('moveBall()',20);) _$ y- }' b# I) j
      }
) e* l. M0 J; h0 G   }* D' h, }" y# L6 O+ _- N2 J/ T
1 E& S* v- u/ D  f
function calculatePosition() {
# p: ~* C7 r; {& q% ?2 Z3 _9 Z   if (xDir == "right") {
, O; Z9 A; o$ I" }      if (xPos > (xMax - contentWidth - BallSpeed)) {4 R3 O& R6 [$ P" p9 b, b" f3 \7 e
         xDir = "left";" k! G5 D1 k4 t  Q
         }
: C& n' x' f2 i9 T+ N      }7 L8 X0 R) Y- M: j# R3 H( I
   else if (xDir == "left") {
1 l$ D$ j) j; z, I$ ?      if (xPos < (0 + BallSpeed)) {; Z4 O. ~. ^* X4 W& t7 C, e
         xDir = "right";
, Y  H8 x9 A, N; j  Y- Q% j         }
) f/ U4 y% `% ^6 s/ H3 m      }+ T7 B0 K- A" o) E9 t
   if (yDir == "down") {
1 y8 d: Q. ?! Z' c" \6 b) @      if (yPos > (yMax - contentHeight - BallSpeed)) {3 m) h+ \3 k) F0 F) [
         yDir = "up";7 Y0 x8 x8 x# ^. |
         }$ G- r/ s) ^' ^0 M
      }
9 y& I9 Q% C3 B) c% f  ~   else if (yDir == "up") {
  \( ?9 h0 V# J9 m- D" r5 T8 l      if (yPos < (0 + BallSpeed)) {" |& Q. d# i' D2 J9 ]  ~
         yDir = "down";, |/ y1 B' t! H0 e1 @+ X4 O
         }
& a! @: j+ ~* l) E      }
$ Z- W8 a) J, W& b6 H   if (xDir == "right") {
5 S( L. ~- H7 e( h9 z( V      xPos = xPos + BallSpeed;& Y" u0 Q& m+ {9 K
      }# j% s2 r+ i+ Z( ]% {0 o7 W
   else if (xDir == "left") {
' T  E" X  I* z* A  a9 b      xPos = xPos - BallSpeed;
6 R; J- f) n* F6 M, t5 A      }- c/ Y- U+ S0 F9 q
   else {
. N% x& q- N3 D, d6 Q% N      xPos = xPos;& Q+ z1 G4 ?& N& W9 [. \
      }
8 |" ?( ^$ A4 @  C   if (yDir == "down") {1 R  B1 `3 R& U% ~  z
      yPos = yPos + BallSpeed;
5 D6 e' [9 l7 j6 E& T" f, T      }1 e3 v) L% a) \+ q
   else if (yDir == "up") {. D2 z7 q) y& e
      yPos = yPos - BallSpeed;
; r* L. x% o5 Q/ i" e      }
  H0 a0 i+ ~# I. a   else {
; y! i8 q8 k: r+ a; n* w  ]9 H      yPos = yPos;
0 d! F0 ]+ @0 [      }: S, }% S; s4 l" _' y
   }
( U. K, l, F$ b, x! Y" f8 Q- w/ v& y2 C
function hidetext(){% ]3 i4 n6 F: W! @  m2 t+ O
if (document.all): ?( R5 }# K7 X* c3 f! _: E8 {
supertext.style.visibility="hidden"' N& l" J! y! t% M
else if (document.layers)
7 E' w3 N+ B3 q6 Z. \- e% Cdocument.supertext.visibility="hide"
) u1 r: k. N- Y5 `: vclearTimeout(animatetext)
4 Z! d, g; E( @% B% |}2 o7 \% a4 S4 {3 q
2 Z" |) P7 C1 F5 E# a9 q
if (document.all||document.layers){
* w: b3 X3 H4 F2 X+ T; a; wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; i5 L1 j. y2 K/ W& J- Bwindow.onload = initializeBall;/ H  e- B$ m) _
window.onresize = new Function("window.location.reload()");  P6 c- }4 k2 p+ i
}
# g' i8 t! V% S& T
8 J9 ?  w! T& i6 N</script>