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

zw2004

<style type="text/css">
; Q9 U+ f9 b7 f/ F  Q5 x1 n- [#supertext {
1 B/ J- I* J2 k8 vposition:absolute;
2 D1 q" ]6 R* B4 ?left:0;9 U% f4 a+ Y0 W% {& L: L
top:0;) [! m# u. Z9 f/ f" ?
visibility:hide;
+ h$ m$ J$ ^+ L. e  ivisibility:hidden;1 {% h. W* _; w' _# J
}
; y, o# H3 j* p* @! x</style>
% k7 Y5 v* r% h+ w9 L<script language="JavaScript1.2">" t' P8 ^) P+ u4 ]7 Z7 h/ V
<!-- 改变下的字体的大小。颜色-->5 U* w/ a! ~+ T) R8 b" X% C8 U
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* Y* S0 D/ k( U1 ^3 ~var hidetimer='';
" j1 ]; W* L" X0 }4 _, r# Q* }<!-- 改变下的弹跳速度-->
/ i9 M# T, L( e. ^( Y! zvar BallSpeed = 20;
& F0 M) y4 X3 ?* O0 o( `: ~# @! Lvar contentWidth;$ x% e! z+ @0 j
var contentHeight;
4 C  M% u' ?' r4 U( t6 y( ]; P- Ivar maxBallSpeed = 50;$ L7 P: ^3 v/ r2 J
" P8 V% J  Z; j$ ?) `, M

) R) e. s- C  f8 P$ Q9 |8 Nvar xMax;, f2 P# q+ V  Y
var yMax;7 {: @3 t. K8 ]! ~
var xPos = 0;; _6 u4 b2 H8 J# z  l
var yPos = 0;7 c0 S0 W# f6 ^5 [, ~; X
var xDir = 'right';  S: K/ F& m- W4 i$ [8 z
var yDir = 'down';
% h- |7 p: r. N8 I) M; L$ p: n! w  kvar superballRunning = true;& |4 p& q: C' y1 M7 m' _
var tempBallSpeed;
0 w/ X& q4 g6 H4 K. Yvar currentBallSrc;. a8 f+ w6 [5 ^/ i; O
var newXDir;
: R1 g5 F" [, |9 q, Pvar newYDir;; g2 K- w1 P$ w/ u+ ~, Q' S  Q3 D

5 R+ B4 |7 x& g/ q/ Y7 i: D7 qfunction initializeBall() {# G% c: }8 v" U& }: R* o. O
   if (document.all) {
3 T% q5 X' K$ \, M5 f      xMax = document.body.clientWidth5 ~$ e/ i/ z7 Y/ }  j" H/ y
      yMax = document.body.clientHeight
7 a( h2 I8 ]2 \& y4 ]% A: J      document.all("supertext").style.visibility = "visible";
: h2 x; }6 H  B2 O8 {      contentWidth=supertext.offsetWidth0 T: O- Q# f( W( E) d1 a3 [
      contentHeight=supertext.offsetHeight6 [) l' X( L4 O7 i; N: c7 M5 u' T
      }  Z6 a- ^6 u8 D# s) j2 X, n
   else if (document.layers) {
" Y$ L" Q+ W9 Y5 g; d) E& d6 q      xMax = window.innerWidth;: W( W0 J& P; y- m
      yMax = window.innerHeight;
( _' x3 i6 x( ?      contentWidth=document.supertext.document.width8 n8 k% [+ S/ v5 C; t
      contentHeight=document.supertext.document.height
8 J5 z2 [) t( q% f) i# t, ]      document.layers["supertext"].visibility = "show";
) h! z  U! ^6 O3 K0 e  [4 w5 a      }7 N' J1 [* ^5 I. W0 H" N9 a
   setTimeout('moveBall()',400);$ \; \5 b  g. P
   if (hidetimer!='')2 {1 [6 \% N' ~7 K# V: x" `
   setTimeout("hidetext()",hidetimer)6 J- l$ i) s  |/ L0 M" M2 p
   }
0 ^- X- \( U6 L$ Y* b% c0 }8 |
# m; q3 f: K6 Nfunction moveBall() {
' a$ O! {/ |' O3 d; X1 g' {   if (superballRunning == true) {
9 h! |, h" N- m0 X, o) t+ n      calculatePosition();. X# n' E. w+ C1 M% L1 w& ^
      if (document.all) {4 z: }. c- f0 `4 A2 R
         document.all("supertext").style.left = xPos + document.body.scrollLeft;, v7 Q. }4 g; w) {' L0 Q
         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 C* j7 k% ~. w% m9 b2 C& o         }( M4 ~1 A) D- M# B3 ~5 `* @: |1 z
      else if (document.layers) {
) w" u( l* T3 D         document.layers["supertext"].left = xPos + pageXOffset;# x/ J! g7 S! H, D
         document.layers["supertext"].top = yPos + pageYOffset;
& N0 I+ ^+ }7 K) x) ~9 y* @         }, T- B9 Z) _# x9 M- \# t
      animatetext=setTimeout('moveBall()',20);
/ J4 M) V2 w- W- H' X      }& s* b8 j6 M1 x3 p7 I$ E2 a
   }
4 X1 E0 S; C, B: n5 n: Q8 c
: s; j2 C* ?+ c( [function calculatePosition() {
9 P0 W( T" w/ c. `   if (xDir == "right") {1 u* p4 H( O: \7 u( O4 L4 l; s
      if (xPos > (xMax - contentWidth - BallSpeed)) {4 i& d! l. t& k* {
         xDir = "left";' _5 V$ ]: C% D+ ~
         }
1 s# T8 A, T# V2 @4 z      }3 `! M; _# X0 c5 z) ]
   else if (xDir == "left") {! G- Y3 G) B  L: I
      if (xPos < (0 + BallSpeed)) {
! {, j, D/ \' H0 m- w         xDir = "right";; D3 C* q% {; K2 S. `
         }6 b% H4 p+ }8 H0 J- L4 {. f
      }
% o# n+ u  V1 S6 E) F: p   if (yDir == "down") {: j4 D- ]$ v) @* O
      if (yPos > (yMax - contentHeight - BallSpeed)) {6 Z0 e% y" K0 ^6 t9 }+ R
         yDir = "up";
$ O! a0 V& w& a) j' \( O         }& z, k; y' v$ u1 d8 Z: K
      }
1 d  S/ N2 j0 M5 B" E   else if (yDir == "up") {
; E! H( z1 K; `      if (yPos < (0 + BallSpeed)) {
+ {% g% L& g" F* U9 v         yDir = "down";! k4 l4 B) O/ v, `& H# w
         }" j3 R6 d3 N' N. E6 z4 g
      }
4 {6 {4 W2 O4 V( `   if (xDir == "right") {
" f# S3 g+ R& v, W+ m; B% q      xPos = xPos + BallSpeed;
7 P9 U1 x, B! u) C; }      }
& N# |+ @0 b( B! x% y   else if (xDir == "left") {
, }, d( `; N& g& u! N4 H) W, N      xPos = xPos - BallSpeed;+ r6 u- A; o* a, I+ t7 \
      }
% n* u# z  l8 ]1 Q9 T9 j) B! R   else {
8 t; @/ v4 ?  R0 h- ^+ w      xPos = xPos;
- ]0 l0 W2 I) F5 c. [      }" {# c2 C' B2 H) W4 G
   if (yDir == "down") {
& `& _, T3 [) ]  {/ |      yPos = yPos + BallSpeed;
9 T; Z- H- T+ r% i+ V) {, p      }+ @6 z5 d/ f- C) w, |9 O
   else if (yDir == "up") {
% d* U- m" o9 }/ J) C/ e6 @7 r% ^      yPos = yPos - BallSpeed;
8 {# f, x1 v) T! Z) E% o- E      }! K4 H9 ^+ h( F" K2 J5 O
   else {5 K+ p! f. `# s" J: W4 [
      yPos = yPos;# D; G- L8 G5 {
      }
# f9 D* Y+ L$ f% B+ t* ~   }% p9 [% P( f  q* M

6 w; E; l% N$ L2 g' u) H, H9 Pfunction hidetext(){3 E% L! d6 \5 v. z' F( Q- J: R6 Z
if (document.all)7 K$ A' j0 w- }5 N2 r: k! ^
supertext.style.visibility="hidden"
  L4 c- v* H7 k6 w5 Celse if (document.layers)
% W, T$ \) p. d5 P, F2 Ldocument.supertext.visibility="hide"
  {' j% M% J' m$ o) GclearTimeout(animatetext)7 J1 J, d+ W$ W( w
}1 C' ]! t# _8 h, X" p  ]% K

* O7 U$ h4 E. Z# n* _4 pif (document.all||document.layers){
5 |  l7 R+ c: `" f7 H* q8 Idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ ^; t& `& A, R' r: g# }$ C
window.onload = initializeBall;7 m; u( U2 d+ q6 n4 [+ M' T$ L
window.onresize = new Function("window.location.reload()");' ]6 T: |, S" E7 y" k
}/ j/ [* e' H( q1 x$ ]# k$ I0 s
" }) ?; r; M& J- \" b
</script>