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

zw2004

<style type="text/css">1 e! h9 _+ u3 z; U: x
#supertext {
8 u3 B+ B% ?" X/ V9 Eposition:absolute;
- H1 z' F- G- G( T# |5 {& x, Yleft:0;0 g6 [) }$ K' U8 ~: V+ L9 R- U9 v/ `
top:0;
/ ?7 V9 ~2 \% }visibility:hide;& b+ e5 P4 q/ T" \; X
visibility:hidden;
* u  ]' M4 O, [( S' |}- A/ U& d1 W: J. q: Z2 G
</style>
- Q9 @7 ]# K; b: L<script language="JavaScript1.2">. O7 A$ G2 B6 ]9 h) v
<!-- 改变下的字体的大小。颜色-->
& C2 M4 X* K& F) p' x1 Jvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 n' M/ o/ R$ X/ J& zvar hidetimer='';' k/ J# T# V3 s
<!-- 改变下的弹跳速度-->
. o+ Q$ j% V! Hvar BallSpeed = 20;) K# ^& ^! r0 L; P, I
var contentWidth;
- Z  o, s8 z3 u  U1 E+ @var contentHeight;) e- v5 F; D. F4 |) g( d" L
var maxBallSpeed = 50;
# B3 L" p& r: Q1 h' l4 B" B6 X: h4 u) P$ Z0 M) A2 M
1 l% }, r  N# ^4 H' i7 M6 z
var xMax;  m' J1 `9 e/ p& T4 |$ m! X4 q
var yMax;
2 a9 @1 @& c. lvar xPos = 0;& A: H- E9 a2 F4 f
var yPos = 0;
- [3 v% p" b1 J: M7 ?* ^var xDir = 'right';  i6 Y: d4 x) u  ]0 K4 S1 z
var yDir = 'down';
! g( Y" `& N3 A1 w3 _! F" h/ Xvar superballRunning = true;8 w* G! A6 f% d4 I; a) L/ [9 I
var tempBallSpeed;* E, j  g, ?1 t' L) l: v( q0 `0 i# c
var currentBallSrc;- J( i; l( E: Z8 P: ?. D
var newXDir;. |0 T, a/ Y6 I
var newYDir;! A* q' O: Z& l. n; m- v) X' K
6 }  H3 P7 B. s6 M: U
function initializeBall() {5 h1 d0 g/ d6 y
   if (document.all) {
* B+ w( \2 \1 L) t      xMax = document.body.clientWidth. c& l0 c% o* i* ^& d. \- Q
      yMax = document.body.clientHeight' z& I3 T! K5 t% M: J
      document.all("supertext").style.visibility = "visible";/ P6 Y7 S$ C4 e3 i/ ?' x: z
      contentWidth=supertext.offsetWidth
% z' [7 h: b5 L8 @      contentHeight=supertext.offsetHeight, q. d% y0 m9 l' R
      }2 ?9 f- T; p9 K- g1 G% H
   else if (document.layers) {
6 b' [; W* b. O$ }0 p      xMax = window.innerWidth;+ o% v" `: I6 m1 d% ?
      yMax = window.innerHeight;# j$ k, m+ v2 X
      contentWidth=document.supertext.document.width
/ C' q7 O9 d6 G+ U. |      contentHeight=document.supertext.document.height6 u8 [" c& c, J2 y& D5 s
      document.layers["supertext"].visibility = "show";0 v6 b( A% |6 _% ]/ H. ^4 {2 A
      }' `% M8 X) y8 k5 C+ P- }) x/ t
   setTimeout('moveBall()',400);
8 s% y) }2 e" @   if (hidetimer!='')
/ M* l7 n8 j. ]- ^   setTimeout("hidetext()",hidetimer)
* \* e3 a9 N. l" g$ A7 M) b   }1 k/ t6 o+ |3 t% r- D$ B
, Y" S; g/ X) H3 m! y$ |" u
function moveBall() {
8 l1 J- r( |' ^& d( N" v( m$ t   if (superballRunning == true) {: n# M  ~* p$ R6 d$ |. v
      calculatePosition();& W) ^- H9 K( L% n
      if (document.all) {( y* q: B1 p8 i) L, J
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& |' c$ \" P% [: k9 _7 I# g, _         document.all("supertext").style.top = yPos + document.body.scrollTop;( @3 s1 U# S1 D+ N
         }
) `( Y  L( v' H0 H; u& K      else if (document.layers) {6 i9 B/ _( [- ^9 |* I9 \$ ~
         document.layers["supertext"].left = xPos + pageXOffset;
6 v; F/ u1 v# E% {* P* S6 j         document.layers["supertext"].top = yPos + pageYOffset;
' M8 E3 W5 y: Y2 r0 ?         }5 ^, ]$ {0 @+ g* m
      animatetext=setTimeout('moveBall()',20);# P6 Z3 y; f: Q
      }
2 @' V8 i. [# ?% o+ ], {9 w   }1 Y8 @- v" J: X( S( a
$ C  J; R. x* b* N& F
function calculatePosition() {
/ _$ t7 a9 m/ z. N* K; D5 z   if (xDir == "right") {
0 H1 d/ f$ S# E4 P      if (xPos > (xMax - contentWidth - BallSpeed)) {
; z& T/ `: d) E% W( O6 i* I         xDir = "left";: E" T( B5 H5 |: r6 ~. @( u
         }
; e" S4 Y" H: ?& }5 s  J      }
4 X' Z4 F5 _2 u  Y6 \   else if (xDir == "left") {+ a$ _* \) e2 M) g. V9 X6 @
      if (xPos < (0 + BallSpeed)) {
& L5 E2 I# }5 w  f5 n' A         xDir = "right";
! u3 ^3 a' l9 b  J         }
( j5 b/ l. q2 o& R  a7 j) M      }# ^& G" Z9 n8 _9 [* _" c
   if (yDir == "down") {, \! H2 Z9 |! Z0 ^! |; H- E. d. Z& h
      if (yPos > (yMax - contentHeight - BallSpeed)) {
0 x- a" r# }/ i4 Y, s+ \+ x         yDir = "up";
, P# ]4 A% O1 P$ V, ~" C         }9 ~/ A! o6 c  j  W+ A3 E: J
      }# f& r9 N5 a# m8 Z! k9 X. M  z7 X: D
   else if (yDir == "up") {
6 M0 u, T9 A: P4 `0 g% ~      if (yPos < (0 + BallSpeed)) {
( {6 \* u  ~* |) V: l0 |: h         yDir = "down";
" x+ W+ {2 J' ~/ d' Z0 u/ k         }
0 G* N2 W1 @  F! f- a' F      }: h  P* ?  `+ d: ~, s9 ]
   if (xDir == "right") {
9 q4 E6 J. i; |  ~      xPos = xPos + BallSpeed;" Q$ k/ Y  Y( Y9 v6 m/ I  R
      }* o: }2 ~4 A" w# b& _
   else if (xDir == "left") {
+ k6 i& L& t9 \! O" P      xPos = xPos - BallSpeed;5 c3 W% g: u' g0 \4 H4 F
      }
6 a  v: B( g6 x0 y1 V/ M   else {0 K3 X4 d# }- Y# W9 F8 e  E6 q8 N8 \
      xPos = xPos;
( b  I+ h% P7 R1 u) [      }: d) W0 d3 ]' T8 q$ I6 Q9 M( X
   if (yDir == "down") {1 i) |; A$ J7 m1 m
      yPos = yPos + BallSpeed;+ [) G* Z9 g9 i: p( R- o
      }/ I. q3 a1 S  D. x0 w9 r5 c
   else if (yDir == "up") {
+ X" k2 f6 [1 u% K      yPos = yPos - BallSpeed;
0 Y8 v2 W, @# [: o- V2 l# m      }
0 v5 M! O, B( M4 I   else {
) k- r% s" h3 g      yPos = yPos;  l% ^8 {# ?8 X$ Y3 u% {# j% a
      }+ H: Q! z, v* Q$ a" u- H0 v
   }) i% b* @& b+ B
0 ]' _& O& V+ M
function hidetext(){
8 _" Y9 z$ i, j& Zif (document.all): }# C8 X& n7 v9 o+ F1 k
supertext.style.visibility="hidden"
; e$ B4 s, V+ }! @& k% {else if (document.layers)! T9 d2 |7 O" Q* y
document.supertext.visibility="hide"
6 F3 z! P; K- I) q3 Z; o9 I- o$ n" NclearTimeout(animatetext)
( {' g2 V  I: p  c  l3 B, Q# H% ^/ ]}
  p! M3 f! s$ S4 F" ~) \/ O$ s8 a
% ^1 ^, p, p8 \1 G' Y$ dif (document.all||document.layers){
( p: n2 y; z: e! l7 N& Zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ g: Z  o0 `# j, W; S9 X8 d) T8 p
window.onload = initializeBall;
: R" \) |+ a7 q% L) x  N- pwindow.onresize = new Function("window.location.reload()");# F+ m7 s' V$ g3 U: A$ U7 `& y0 N
}
9 w; N9 E( \) ?9 U* l2 n/ M4 o' a3 u4 m
</script>