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

zw2004

<style type="text/css">5 [; |3 B  g; |9 _& Q; Q' g
#supertext {: f; }; Z. t$ h, U
position:absolute;9 _( B  b' D- {/ v* T7 T
left:0;6 g0 I! x* p/ V6 X# U  w3 r* A2 {
top:0;8 N" Q" ~; N8 k1 M( h, j
visibility:hide;
: Q( Y& O; U( R2 hvisibility:hidden;/ }/ A* _% p: Z, _3 o7 X* k$ r
}
" Q% J$ ^- \2 e5 g/ m</style>2 ?; m$ V" e8 o( C* Z9 g
<script language="JavaScript1.2">
4 h& D, n9 @4 M- h# F<!-- 改变下的字体的大小。颜色-->5 a! E3 S# X" Z( t( |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; e: P4 `- L, ?/ G# k! b- A
var hidetimer='';
! P5 C+ P7 P" u5 E1 ~<!-- 改变下的弹跳速度-->
3 `: a+ u; A) f! zvar BallSpeed = 20;
+ ^1 W1 b- G5 S% Evar contentWidth;
% Z6 [+ c9 P3 `9 C! ]' ivar contentHeight;
5 R1 ^! g! I, K8 M7 wvar maxBallSpeed = 50;
; i" P1 ?, Q' i+ w  Q8 ]. e  Z7 u- X$ a0 r- F+ d8 E

8 d5 i+ b( R1 C$ d* z* nvar xMax;
/ |& k: ~* l& X& pvar yMax;
# L! f7 \0 @8 F( D& q, [% kvar xPos = 0;
7 L3 g6 U1 ^5 _var yPos = 0;4 G. f; m: k+ D$ r% ~9 j
var xDir = 'right';$ s1 _+ N3 o) _  t: `
var yDir = 'down';" Q$ }4 P; H9 v4 Y3 q. E
var superballRunning = true;3 `  k- c4 I5 n
var tempBallSpeed;. H3 \( ^: o- e+ @
var currentBallSrc;
( y9 a! c- h! L4 W- d8 {& d& fvar newXDir;( Z# c# X+ I% i& p0 d) q6 C
var newYDir;
  E# s- b" E; \( d! A
1 I* [- S, z& J( D. D( jfunction initializeBall() {, @/ @! w6 X% [, d
   if (document.all) {
9 Q- a) Y5 H7 B& O      xMax = document.body.clientWidth  A0 Y  A* G& s/ i3 R6 |( {. A
      yMax = document.body.clientHeight. k6 H- F) U1 w; H
      document.all("supertext").style.visibility = "visible";
. e8 E0 p; o% d# M/ p8 Q      contentWidth=supertext.offsetWidth! P1 L* O. W! M- {9 Q
      contentHeight=supertext.offsetHeight
  X3 r6 N$ w9 U9 O6 v$ u( B6 U6 |      }
$ y1 b4 y. |3 s0 r   else if (document.layers) {2 H3 L$ l  ]+ D$ q# j
      xMax = window.innerWidth;% [" F. N! P+ y7 W
      yMax = window.innerHeight;
: a- {3 b. C6 p# ?+ r2 U      contentWidth=document.supertext.document.width
$ r( c8 e: ~9 n9 e      contentHeight=document.supertext.document.height
( H: `8 a: s* M! Z! d: F      document.layers["supertext"].visibility = "show";
' \, @8 H9 ]/ F; G8 @" o* k      }
: j+ T" y5 t6 l: K: H   setTimeout('moveBall()',400);
4 p4 N4 A3 g: D  b   if (hidetimer!='')
; b, I" p# e/ D/ V* S   setTimeout("hidetext()",hidetimer): e# `. f$ f1 o+ l( U% y
   }# K  O9 A) g0 o0 `
; r* v3 E9 t) q  }: y: Q9 N
function moveBall() {
' H5 c0 M) m% i   if (superballRunning == true) {3 |$ l7 ]  |0 B- s/ T: [; |
      calculatePosition();
9 `; f; ^. S! h6 m) M  r3 h' L8 }      if (document.all) {% N  L+ s8 }0 H1 f
         document.all("supertext").style.left = xPos + document.body.scrollLeft;2 Y5 k2 L' Z* G0 u  ~1 z
         document.all("supertext").style.top = yPos + document.body.scrollTop;
# ]0 l6 t( \" e% r- b  _         }/ B* a& n1 j# o5 O8 w9 F4 Q
      else if (document.layers) {3 C+ Q- |- \/ v8 u
         document.layers["supertext"].left = xPos + pageXOffset;1 J# b) [: h3 T4 v2 t
         document.layers["supertext"].top = yPos + pageYOffset;
2 `" x+ A8 T& V* Y/ j, G         }
- s, M& w  _% Z% Z      animatetext=setTimeout('moveBall()',20);
) b+ w+ m6 ]$ e. }2 q# ?      }$ t; W* ?8 R) r$ @3 [  t7 Z
   }
7 q7 I. t! e! ?: i3 A2 J1 a) d7 X
function calculatePosition() {; ?- Q) X1 f: D6 z1 [
   if (xDir == "right") {
9 f" ^, S/ P8 l: Y      if (xPos > (xMax - contentWidth - BallSpeed)) {
- N" {9 R' u5 a         xDir = "left";8 t) N; C+ }$ A' c" v4 t( e; ~
         }
' D% [! q' E1 g( P      }
. C* Y9 k9 I) @' b2 L( c0 Y   else if (xDir == "left") {
$ ]1 d) t8 L* l# u      if (xPos < (0 + BallSpeed)) {9 P% w* r' D1 J. C/ t6 p4 h: B, M
         xDir = "right";
3 |1 u# q6 @6 q( w         }
1 i: Q5 Z$ S8 Q2 I8 j1 @& ~( Q      }" O# b) @+ [) U+ d- {5 s6 o  x: _+ n
   if (yDir == "down") {
3 N2 [) }; L% @- z( U6 |! R      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ v: j0 O4 U: j; F( a         yDir = "up";& n7 e- P( `7 z1 d$ F% S
         }7 [3 G% @. i1 \3 |' f
      }5 Z) u6 l+ `+ O' y! U" @  L
   else if (yDir == "up") {
# t6 {. d, b4 D& F, m      if (yPos < (0 + BallSpeed)) {3 W' F. D& M) I" V3 X! s# j6 }
         yDir = "down";5 W1 K1 b  R& [( j& E
         }
2 U; o' |4 U" \5 Z6 E2 t      }  A2 [; r( N$ K: |( |* p* ^# _/ a
   if (xDir == "right") {
) q. {  ~$ @& y9 h      xPos = xPos + BallSpeed;4 q( h) N$ h/ A* n5 I. J2 C$ T
      }2 V% l3 `/ Z0 _& ]
   else if (xDir == "left") {( N! Z) A1 p1 X- [' l" V. a0 R
      xPos = xPos - BallSpeed;/ K* ~5 v' Y3 ~
      }
+ d3 j/ m! J3 {" N; A   else {
1 P# e6 i: G- i& v4 o  O      xPos = xPos;
& J; [8 d4 \: W* S$ w* ^" N, l      }
8 x" k, M1 N( {3 R' g   if (yDir == "down") {! G: @; Z- Z6 D
      yPos = yPos + BallSpeed;
& O6 l+ k' [$ o: g+ F6 h% \; [      }; r1 G5 J% u  e7 l" J7 C1 V( x
   else if (yDir == "up") {
) K) N) Q# T: x+ t: F, T+ Q      yPos = yPos - BallSpeed;
6 @: ]  g: _9 V      }* V- T5 L% J% Q" J# P3 s7 |
   else {  f7 ~9 @4 _/ j# L5 a
      yPos = yPos;
: y# y- ]' w9 Y8 c1 [      }
* A" n1 @9 d5 F- |' A: B   }5 `& ?. F: E& S( h
6 R% h3 F1 {! t7 R# D6 i
function hidetext(){2 b4 p: i4 Q3 z2 T
if (document.all)& x" u# q* w9 \; P9 X8 V
supertext.style.visibility="hidden"
2 f, ~# X& P; L- d9 Welse if (document.layers)
$ @; d  w. t2 ^& z2 o0 Cdocument.supertext.visibility="hide"8 d, d2 [! B  i0 D) P1 N2 }
clearTimeout(animatetext)
5 {& I" ^( g7 g0 {3 T% t}
, d! {( t( ?/ q2 k) o7 s! p  R- G- Q7 ]$ x4 V' l
if (document.all||document.layers){
' f; a$ r# k* I+ Ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ r8 P! ]  T* s
window.onload = initializeBall;
  b$ q$ N' M, C5 A5 L, jwindow.onresize = new Function("window.location.reload()");
' m( ]* c) _* I0 K7 p# l0 i}
/ ]' S+ c6 b7 Z2 i0 ~
, o: {; t( c" S& R" H: O( v</script>