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

zw2004

<style type="text/css">7 O4 {1 [: Q. ^$ n2 ^
#supertext {9 t+ A7 |7 C' ?5 ]4 q2 }
position:absolute;
9 @$ T  [- m3 f# M- zleft:0;
3 S) \9 z# X8 s. ]# r( Y5 `top:0;
! T' p# D+ M7 L" `visibility:hide;
' c& z3 B4 f) {' s! ]5 tvisibility:hidden;
; N3 L; G8 Z9 A# V}
7 s% b# r$ |3 r9 L</style>" f4 v5 ?$ u2 W1 }
<script language="JavaScript1.2">9 d$ e! X) N2 J$ X. h
<!-- 改变下的字体的大小。颜色-->
2 C# N; w+ V) Y0 D8 E- _7 ^* pvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ M; d  \2 o# e5 O6 avar hidetimer='';
: b6 w6 {7 M6 }<!-- 改变下的弹跳速度-->7 ~' P- M( A- t. q
var BallSpeed = 20;
" r" s( u( I+ Q9 X# _var contentWidth;
% _7 W4 |0 D3 R- S. d2 v; ovar contentHeight;
+ }& b0 K' N  [9 M% lvar maxBallSpeed = 50;
( ?5 a( q* s( N5 T2 U8 s! V; B5 M( k, B# ?
% I/ f1 n& h1 Y) I) {# u
var xMax;
; F0 ~7 p$ O' @0 {* d' tvar yMax;
* O, I8 @& `0 @: K1 Hvar xPos = 0;$ ]( g. \( u& k# u' N
var yPos = 0;% r: i( Z+ \5 F  h* R) D
var xDir = 'right';) _3 p4 }4 K& e. m5 [1 O. i
var yDir = 'down';7 c5 T! g* X8 d
var superballRunning = true;9 J+ S6 [7 C0 s0 T" I- }3 D) I
var tempBallSpeed;- g: a# j9 L/ A& s/ A2 _
var currentBallSrc;1 k* ~) g. [+ T/ d  ~1 \/ Y2 T
var newXDir;; S( {! H) Q$ y5 e, |8 N) [
var newYDir;
! D9 Y1 F7 c$ s- Z# Z" o) p# q7 Y8 q5 ], s  x+ Y9 f
function initializeBall() {0 v4 L8 A7 G7 {. e+ K* |! R
   if (document.all) {% A8 Q& B4 R- T% B' E  w- V
      xMax = document.body.clientWidth' d" f) s1 Q7 P" |  K
      yMax = document.body.clientHeight
' L# ~0 k$ ~, y: P6 p      document.all("supertext").style.visibility = "visible";8 l' y( Y9 Z( e  I4 G0 R
      contentWidth=supertext.offsetWidth
% u4 l0 O$ n9 m% e' h      contentHeight=supertext.offsetHeight& {, L- ]8 K, ^5 X# u; _5 w) b
      }
+ ?# v  O4 ^: j  ~: ^4 p+ \- {( O6 G   else if (document.layers) {
  t( l( D' E) }9 v5 i( n      xMax = window.innerWidth;" z0 c! G2 Q9 s/ ^2 |
      yMax = window.innerHeight;
  v/ n0 s6 O+ W0 Z& X# P" ]) A: q      contentWidth=document.supertext.document.width
! l& p2 ]' e3 b/ O      contentHeight=document.supertext.document.height
: x  i' ~% x3 Y$ s3 X      document.layers["supertext"].visibility = "show";  s; F, B9 @) v1 `
      }
5 i% c0 w: H& |. B8 ?6 F   setTimeout('moveBall()',400);; u& e' W2 y" b8 l2 ~
   if (hidetimer!='')
2 j1 F# Q! i6 h% _   setTimeout("hidetext()",hidetimer)5 D& v4 f# ?: [) n3 u
   }" D+ d1 q0 A: b( d& Z( A
& d% v4 J$ d1 W' @/ v
function moveBall() {$ E" o8 |" r/ _5 d1 i
   if (superballRunning == true) {& O; \! t/ e6 `; q/ r& D" u) y
      calculatePosition();- G6 w& X2 E) i$ [; b8 L5 I4 i# {) s
      if (document.all) {" a+ m# V1 U2 X5 g& j( b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;% c: N8 N& Y# p/ h+ g% A5 _
         document.all("supertext").style.top = yPos + document.body.scrollTop;# D" W1 D8 y* f' a3 H, t7 R
         }
; _4 ?8 s) H9 t2 X! k      else if (document.layers) {
3 P; G" D" y8 Z7 }+ G0 e" p         document.layers["supertext"].left = xPos + pageXOffset;
! x! o! O8 l, N7 P- ~8 l" T' _; F7 a         document.layers["supertext"].top = yPos + pageYOffset;
: S# q% a! P; d, i; B5 Z2 f" A         }0 n+ l$ F  e: i" @+ L; X) s# ]1 x
      animatetext=setTimeout('moveBall()',20);
. x6 l# z) f0 d; m0 t: k% f  Z' D% J; ^      }
/ X4 i) u# l( C1 q5 O   }6 g+ m0 X6 Y6 e) e0 ^& Y
$ M5 Y. G& n' a8 p) I
function calculatePosition() {" l, f- u2 ^2 L% X& n7 v
   if (xDir == "right") {, @2 \% t) q, f9 B. ^, p. K- b$ u
      if (xPos > (xMax - contentWidth - BallSpeed)) {% I, C/ G+ w) O, s1 E# O/ w- f* `
         xDir = "left";9 M; d# A7 v1 g+ G
         }- U' _8 d2 n) s0 {2 a
      }6 Q5 t- {. j! o
   else if (xDir == "left") {
6 i. C3 e. V' V      if (xPos < (0 + BallSpeed)) {
. ]( E9 }0 n0 n4 Q         xDir = "right";
5 u% s/ E, a, s' [3 }/ m6 a         }
) j! C  s- s( _! q7 s: z# l' U      }% f; C+ N8 A9 V- C
   if (yDir == "down") {
  r7 X7 \/ a* c      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 K0 T) A* `" H, v         yDir = "up";+ Z* ^0 y0 v, G# F" Y; ?. ?1 D' K
         }
8 C- c+ Z/ B! |4 `! P      }
$ f7 R  \% l: w1 R   else if (yDir == "up") {( ]2 a2 U) O6 D
      if (yPos < (0 + BallSpeed)) {
* L: _6 }9 D$ n& F; k         yDir = "down";! Q- s5 ?, L2 D1 R3 g
         }
/ S6 Z  c$ [6 x6 ~, ~: v9 s1 w      }0 x& e; [- I1 f8 g: f$ _; m
   if (xDir == "right") {
7 K9 I  V. Y6 d! [1 J      xPos = xPos + BallSpeed;
' \8 D) M$ I" m* I( _6 W* _5 J" Z      }
0 \7 E& Q* \" j. @- F   else if (xDir == "left") {
- X3 Z2 q8 M6 v. {+ S      xPos = xPos - BallSpeed;9 p9 V5 ^& K) j; a" e
      }
) `; k* t4 M" ^! k5 v# e( Z: _   else {
& |! `( Z/ ], y8 y) R/ |      xPos = xPos;+ `( c. H, K9 D. `0 D+ W
      }
9 [; P4 [* q! x' {/ h; V   if (yDir == "down") {
5 s* ~$ `6 `! ~      yPos = yPos + BallSpeed;! r6 u- z, A8 X% X1 T* N9 V
      }
# h- X  |: {( ^! ?   else if (yDir == "up") {
0 f2 n3 E; S0 \4 g  k7 H      yPos = yPos - BallSpeed;
" [+ k1 z  i! ~  s      }, U1 j4 \  a0 R; D$ ?
   else {% K2 Z! H" m# Y5 I* P
      yPos = yPos;
" F) p* {8 R, x  h, u- A      }2 J0 r4 y, Q, s+ y8 X' W, n
   }& D* H. u( |* J3 C
2 Y* c+ t; S( ~. j8 X# a4 j
function hidetext(){
* U2 e! g& A3 \8 e! F1 D; sif (document.all)" G& l0 o. M! e% o/ ?8 T9 B
supertext.style.visibility="hidden"/ _, t! C8 K2 Q( W3 h
else if (document.layers)( i/ o$ t. d4 i  s2 Q0 m  _
document.supertext.visibility="hide", L  l) o9 _9 g) h% N
clearTimeout(animatetext)( b# b+ ^+ }/ X& W! ]9 r
}1 l8 w/ L% k. K, H

$ x! v3 i$ p. l1 b! C- y' ^2 j" @if (document.all||document.layers){
) E2 C; {0 h$ E- K* \0 z1 wdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6 h: f+ f& ?" ]0 twindow.onload = initializeBall;
4 I& \7 D. ~7 B0 w- Y: p  Z; S4 kwindow.onresize = new Function("window.location.reload()");
) `+ E9 D+ K) O$ y}& P$ G; E% p7 O, Z/ |- I1 C
9 J9 u* z0 s% |7 B6 ^
</script>