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

zw2004

<style type="text/css">; F7 }1 {& `% m1 R9 A8 b8 Q- @
#supertext {
) \, t4 m8 ]; s/ ~  qposition:absolute;( P0 \7 X' A/ l! O
left:0;
/ z0 d+ E; B1 [2 Htop:0;
/ H$ N% X0 x- Z0 z  nvisibility:hide;8 p" ~1 Y! _* b' Y% W
visibility:hidden;
* _( R- E: C" [/ Z, j}
! t& R8 }3 _" D, g; O) l* W</style>. R* V. F8 h% `2 {
<script language="JavaScript1.2">! X9 _* G) @8 H2 X7 c
<!-- 改变下的字体的大小。颜色-->
$ Q5 W: B# r0 A* O# _2 Avar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
7 {/ y$ u+ z  [7 v+ Avar hidetimer='';1 e! c3 Z7 M: ?; ?0 u  Y3 q! s
<!-- 改变下的弹跳速度-->5 I' @; q% N: v/ f% ~
var BallSpeed = 20;
- O" F6 I' }: J, V- I" s5 Fvar contentWidth;
8 m2 m% l3 j! p8 evar contentHeight;
7 C  @# w: `% k* N- Dvar maxBallSpeed = 50;
6 F& T3 m" c6 q, f1 L$ a
* g$ Y3 L0 N+ {! t' T4 U& U7 L/ N/ _3 w8 d9 o' _
var xMax;2 g! R7 k0 U: E) y; k
var yMax;
; {! k5 b/ E) \1 o) v0 L0 b! mvar xPos = 0;
4 I8 o) l0 u$ Dvar yPos = 0;
4 ], m9 l# z$ c9 i5 J! J& O3 zvar xDir = 'right';4 F9 k6 W7 a1 C+ j
var yDir = 'down';
# n# K) S' l7 d3 Svar superballRunning = true;( i3 H8 ~" o4 Q- ?1 W
var tempBallSpeed;
/ y4 j0 `  Z3 C2 h2 Bvar currentBallSrc;/ ~7 w8 c2 }" }9 e# R3 \4 c% G" t+ s
var newXDir;
  n3 G' G" t- Y3 C* Zvar newYDir;
, Z8 P* r8 Y: R* }3 c0 n5 f: y! f% J( N0 Z5 g
function initializeBall() {
5 u; s" ]6 ~$ ]: X% ~$ }& D   if (document.all) {
/ y: L' u2 c% j9 s      xMax = document.body.clientWidth5 W; Z$ t7 m  H# U; r, G: R
      yMax = document.body.clientHeight
- |# u+ ~# V; n" e      document.all("supertext").style.visibility = "visible";
' |) B6 J4 f' b9 y8 o" e" i, i      contentWidth=supertext.offsetWidth! G- b6 y( F3 B
      contentHeight=supertext.offsetHeight& D# h0 R) G  S+ H" f
      }1 y3 ]( B" G) p4 |# P# \! T
   else if (document.layers) {
+ d0 D1 x# d# H9 J5 x4 W; |$ I6 O      xMax = window.innerWidth;) |9 H# h0 s6 v1 ?0 P+ m
      yMax = window.innerHeight;  M# e. b$ E0 S9 v0 |
      contentWidth=document.supertext.document.width
" X* p# a! m1 @  m/ Q! T1 d      contentHeight=document.supertext.document.height
  `( v' S! f$ {& c3 l      document.layers["supertext"].visibility = "show";# @, O9 |% p( V* [6 W
      }
3 T) g5 Q8 I$ ~9 q   setTimeout('moveBall()',400);
1 L) M, `5 E3 g$ j   if (hidetimer!=''); D  k* n3 q. W, _8 _1 W) M7 T3 B
   setTimeout("hidetext()",hidetimer)
9 J0 L& Z- n- o2 n   }
6 Y9 P6 j% A9 B- x$ N. `2 X1 s6 @7 ^$ e! ]" _9 R$ u# O/ Z
function moveBall() {
5 I& ~. E! w, h) t" n0 x( y) k   if (superballRunning == true) {# J2 ^3 Y4 D+ n" l7 H* m
      calculatePosition();
' H5 z4 \3 ^) ~3 C" }2 t% B      if (document.all) {- L; i" |6 i( p1 @
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 J  S( c: l) {9 _" j         document.all("supertext").style.top = yPos + document.body.scrollTop;" G9 z% E  }) K$ ]- h( |
         }
6 B# E: F. k4 a* d4 n) ~$ w. {      else if (document.layers) {
. t0 ~9 _; W' F2 a         document.layers["supertext"].left = xPos + pageXOffset;
) l( C# H4 c# w, V6 v0 e( d7 s) d         document.layers["supertext"].top = yPos + pageYOffset;
- F. x. u1 N* A         }
( J5 M8 e( ~+ f  @* e% [; S      animatetext=setTimeout('moveBall()',20);0 E. M, u, B) F$ @
      }& u# e- f* M, @
   }
( F& Y) p3 `7 d+ m$ U" `
+ u, P4 e  }, M$ ?function calculatePosition() {7 e7 x1 N1 o2 |) ~% M9 [5 \
   if (xDir == "right") {8 c- t, X; m5 V4 Y: ^
      if (xPos > (xMax - contentWidth - BallSpeed)) {$ ~5 f/ o8 ?$ l' ]( W
         xDir = "left";
$ H. P, u+ K6 h3 }6 d8 c         }6 E& W$ t2 H. s+ R' V
      }
/ J; y# g+ Z; E8 L- e9 G* c( y6 s   else if (xDir == "left") {
, g: j9 P1 T5 W      if (xPos < (0 + BallSpeed)) {; q6 X. c- @7 E9 m; \+ j  O
         xDir = "right";" U  w  [2 @3 n. I
         }
) A2 C4 S4 G9 ?: N      }
# Z( y; _  K+ y4 x3 O% P/ u* l   if (yDir == "down") {
+ g4 K, p& X) I' q8 _1 E      if (yPos > (yMax - contentHeight - BallSpeed)) {4 ~. w7 A! o0 G) S
         yDir = "up";
$ t1 m4 C) p+ g& I( N9 @         }( L+ t7 z0 Z4 |* n
      }" l6 j6 T1 @  U9 Y: g8 x# j$ a- j
   else if (yDir == "up") {
* x3 [' k( Z9 n* [      if (yPos < (0 + BallSpeed)) {
6 D( Q- U% o/ b# r$ D, d         yDir = "down";
( ?! H1 ~* f$ v$ c         }
- F% h$ w% J6 Z# e8 l# e& x, v      }
/ J9 r& R1 N6 T   if (xDir == "right") {
0 ^9 R6 \% I8 \6 Y8 }      xPos = xPos + BallSpeed;
8 V( F/ K+ g6 |$ V" q      }6 b, x9 o; {6 A, \
   else if (xDir == "left") {4 e' q: g! W' p6 v+ h
      xPos = xPos - BallSpeed;
9 ~9 o* j2 d6 v( H6 V+ F) K      }, U* z! A5 v3 [5 [# K
   else {( j7 o' L6 [8 P" H9 |, C1 Y
      xPos = xPos;' K9 b# l; Y* }; u0 D2 j
      }
' ?# H7 {2 V5 M2 V   if (yDir == "down") {& M, ]$ d' a4 z: u; k2 c1 e8 N1 ~; h
      yPos = yPos + BallSpeed;  J9 {6 X! j+ |5 C5 O6 }
      }
/ v4 g" M) c+ q+ k7 c   else if (yDir == "up") {
) g: T' F  B- {1 {      yPos = yPos - BallSpeed;
8 Q$ R6 Q+ H5 q& u  @- i$ a      }
# ^% d; F; B& s2 m, p" O  P4 f) m   else {5 A6 g0 h, C6 {! P7 ]) ~# {$ ]
      yPos = yPos;
( F5 ?% w# G" g; E! f      }% L$ e2 h+ C& R& [# j# i( [7 i4 [
   }
# B$ i0 e9 ?) f/ E$ |
, q1 c/ o) Y9 U+ ~$ ?function hidetext(){! J* _6 X) I8 a6 C1 J9 v' l. D+ [
if (document.all)
* F. R- y" e, C) m" y- Esupertext.style.visibility="hidden"- t  ~+ s  v! g& K
else if (document.layers)5 H: g* J7 x8 @1 W# t+ I) h2 v8 m
document.supertext.visibility="hide"
+ g4 l9 e' U( `9 z6 _clearTimeout(animatetext)8 B8 Z( y; f) C; h1 \9 x/ n
}; T5 l5 N4 {' E5 E6 |1 Z9 H; ~
- Z% J5 j$ x# o' t  W: U1 Q( m
if (document.all||document.layers){
1 ~. V3 \) J9 X2 B0 Z2 Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ i/ E. p+ j9 ]
window.onload = initializeBall;" ^! O/ z) X4 T5 ^# t9 ?
window.onresize = new Function("window.location.reload()");8 ]: V. R0 J7 x7 r2 P4 Q& w
}
4 b, [/ d. f& P) \
5 j# V6 m1 K% v</script>