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

zw2004

<style type="text/css">
0 t4 T0 g; M: m3 s$ G#supertext {
  r, U: H9 b) v# }7 z5 v2 mposition:absolute;
! E4 g, S- v# ?& ~: Aleft:0;0 j4 k# ]# d1 o) J3 @3 L7 T
top:0;. n6 g( S3 m- x. j. Y. x
visibility:hide;0 R8 ]* D2 n; P) n# g2 X# j
visibility:hidden;
3 W8 x, _& `* w2 L9 M9 @* I}3 O6 Y0 ~0 Z* t3 a) G, u
</style>& t' V) I& M! q3 B( K, i
<script language="JavaScript1.2">
* r, n  L" N# I7 u) r<!-- 改变下的字体的大小。颜色-->
% C" ]5 E. ]. O' X. Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- d$ o' o3 ^  z5 i# G1 svar hidetimer='';6 j9 r2 Z1 D4 N; U9 \+ v* a
<!-- 改变下的弹跳速度-->
! m8 |* r  ]( \8 o( {, A# v4 K- q1 cvar BallSpeed = 20;* k( R: N, z1 V! k
var contentWidth;
6 G6 B' e, ^" P! O5 n% B# j$ Rvar contentHeight;) }2 G# K  c1 d" L2 r3 |# ?+ Y
var maxBallSpeed = 50;/ u% V0 D# \+ X+ a' U; _+ P9 h
& F& R) F& ~! J5 U' q  q, a7 A
" v' g: V' l7 j9 X% t
var xMax;! V9 g2 D: L$ u; [  V* S0 j& P& k
var yMax;
/ a/ A( }4 A. m; S; L: Cvar xPos = 0;2 L5 I* r1 m+ g! z3 \6 k' A7 O3 E$ c1 a
var yPos = 0;, Z2 Y/ E8 J2 ^& `6 U
var xDir = 'right';
; D, X) D, j: i) J# Tvar yDir = 'down';
) D1 x- q4 l6 Z/ \- Bvar superballRunning = true;8 O* v. S' ]+ X& Z
var tempBallSpeed;
1 B+ [  J7 _9 V: i; {( yvar currentBallSrc;7 M) O% U' B2 y! Z. u: C) E- E& l
var newXDir;3 [# J! Z+ ], s9 H- m
var newYDir;" {* w. l/ D7 i6 Q

. Z  O3 N& `: {. a2 V/ Cfunction initializeBall() {
! V, x7 B# z9 l; n1 m, T   if (document.all) {6 B: K) F& }0 v; C9 m
      xMax = document.body.clientWidth: P0 u+ R7 B+ R. O6 P" B0 x
      yMax = document.body.clientHeight
  g9 x9 X( J6 Z1 h- }% y) \2 x      document.all("supertext").style.visibility = "visible";
. M" N$ f" F  ]. z' T/ n; h  d' D      contentWidth=supertext.offsetWidth
; ~1 H) n% a2 N' U. I: p' d0 E6 V: u      contentHeight=supertext.offsetHeight
, H+ q  ^' i, Q' h; d9 V      }
  J" ~5 {; |+ w0 ~2 C5 @; g   else if (document.layers) {. N' l6 H9 Z5 ?
      xMax = window.innerWidth;
  n; C8 {* b9 q+ b6 ?: K( q      yMax = window.innerHeight;
) a: u; t* F2 a$ G7 Q      contentWidth=document.supertext.document.width
, _; ^. Z# d6 g/ C: y% Q      contentHeight=document.supertext.document.height
. b+ E4 _2 v2 U7 P2 l7 l- I3 l* B      document.layers["supertext"].visibility = "show";
! R% t9 E: X  E% \8 D: G+ Z      }' V0 o  Y. L2 Q; g+ y6 g
   setTimeout('moveBall()',400);
5 Q3 k: _6 o+ U4 {5 R  j   if (hidetimer!='')
1 G3 a" c: B0 o! W+ G1 g; L   setTimeout("hidetext()",hidetimer)# z4 K+ r& ?5 ~, c  \9 s
   }
! n8 p% R: y! S7 \: ]6 w/ N% O3 q3 w* `0 H: `
function moveBall() {4 S, F2 L/ U# P& y. v" p+ ~
   if (superballRunning == true) {4 T9 I9 R6 A; f1 u
      calculatePosition();
( x) s, ~& L4 O: R: h2 H      if (document.all) {9 I2 d2 `/ c3 p1 @
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ p' Z( [' x+ M         document.all("supertext").style.top = yPos + document.body.scrollTop;8 y4 s- T( @, F% [
         }
" h5 ]- X. N7 o      else if (document.layers) {/ `1 [7 s5 t! x, ^* _3 }- i
         document.layers["supertext"].left = xPos + pageXOffset;
/ ^8 L* {4 k% v         document.layers["supertext"].top = yPos + pageYOffset;
7 h6 _8 G! w! x! m6 V         }
4 D* {+ q- R" c" j1 K7 z      animatetext=setTimeout('moveBall()',20);4 C6 x5 N9 O. Y1 q! Z
      }
2 p! ?4 b) P+ q2 ]   }  y0 \3 B8 t. n+ U& N8 r
; E- r  O1 m9 E% j/ _/ Z) G; S
function calculatePosition() {
9 \- r; J. i5 W1 K9 C   if (xDir == "right") {& d& [( `+ W  o( \2 a/ A
      if (xPos > (xMax - contentWidth - BallSpeed)) {
( d4 |# E" o9 B         xDir = "left";
1 X5 e1 _% D5 D4 S# U9 {( T9 P         }% N+ H4 t/ n4 [( ~. ?$ H
      }
. ?% c/ N3 V9 E, D  q' x   else if (xDir == "left") {0 }: k3 W! k8 `0 B" Q6 ~
      if (xPos < (0 + BallSpeed)) {
7 N% G5 [* c- E4 C% @4 h5 p         xDir = "right";% l) o* m2 M( B# l: X7 d, k+ E
         }
6 w1 h: O- q4 f6 O, k3 s      }
! u2 H9 X7 ^' d* |, r   if (yDir == "down") {, w& l& R$ k) P2 O
      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 p' Q# S; Z+ z7 E         yDir = "up";/ f" Q+ c5 R+ X* W& D
         }1 x7 O0 {+ e: o& p! ]
      }  [7 S; k2 E8 E5 C" l" J; _
   else if (yDir == "up") {
8 X+ U, g9 Y  i8 I      if (yPos < (0 + BallSpeed)) {8 X1 D: N! f# |, U' ?" D; T% [% |
         yDir = "down";
/ c% t/ {" ^9 I$ Q7 ?+ K  D9 n7 v         }
4 [* X' F  _# Z+ w1 ~      }; x5 Q! E  D3 w7 s+ b& _
   if (xDir == "right") {
! D: ~( k0 s, p% ]0 n! i      xPos = xPos + BallSpeed;* T! l& W- B8 q  [
      }* U9 u8 L1 Z  Q: T% n3 H" j
   else if (xDir == "left") {
$ \  L+ e' }6 h5 A! R% T, P: R' U      xPos = xPos - BallSpeed;! H0 M" B% p4 l. y2 J: k3 L5 H
      }" k1 Q  |( h. K% g# O* }9 c
   else {
- P+ f3 u/ x$ y* l% x      xPos = xPos;) L, }6 l. K/ R5 f3 A% B1 @
      }
% a. a! [# a6 p- F' n- Y: S+ x   if (yDir == "down") {
. ?( x$ f; ?0 D' Z" ]  ^      yPos = yPos + BallSpeed;
9 Z7 r0 y  x0 n% g      }
9 [" w) }+ S, ^" K8 e& v: d   else if (yDir == "up") {0 x% L: y1 d# [+ x  Z6 q. i
      yPos = yPos - BallSpeed;
% d: g5 m' F1 `1 W7 e/ ]      }
) s4 f1 V6 P% R3 j% D) H9 D   else {6 ~6 D& [5 X9 V8 }- T& i
      yPos = yPos;
6 {* C$ T5 h( V5 a7 j/ f      }! A, T/ l, P' F
   }$ U7 q) P/ T/ W$ r3 e5 @: O- F

* B- ]: M. E8 I6 q; a8 Ifunction hidetext(){
2 ^* F/ l$ Z  c( r, |; I5 pif (document.all)* {: r9 M3 N, n4 U- C
supertext.style.visibility="hidden"
5 ~9 M) Z) \' s2 C2 xelse if (document.layers)2 z2 `: r5 d- R9 K$ S9 h! @% k
document.supertext.visibility="hide"1 r  V; I" ]" R1 t; f) P
clearTimeout(animatetext)
( }* W$ n* N" d( M' m* r: P}
) u/ D: j0 z+ h8 F/ G; T
. T" Q" ^; N* T" X7 R( G/ Y/ f5 kif (document.all||document.layers){
" H0 o) e! H4 U4 p( B$ H* Gdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! u- E- m; ]$ f! T
window.onload = initializeBall;
' c/ V. k5 m7 r7 k0 G7 pwindow.onresize = new Function("window.location.reload()");
6 w. @( X+ U8 k: u1 |$ P}
0 a+ w! E8 R* V# }
1 l4 m$ K! f0 ?; b</script>