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

zw2004

<style type="text/css">
! t1 B0 S, H. Z#supertext {
( M% U" K7 A& @, S8 tposition:absolute;
; O$ V7 I  @/ c* K6 G; s" G' Oleft:0;$ X+ e3 a4 U! g
top:0;1 J) p# {  A8 f+ Y2 [3 d
visibility:hide;
% |- A! [( U6 tvisibility:hidden;
) Y7 K$ i; G1 d3 Q- F& B3 r}) P3 [0 n) r4 `! p5 [& Y' b
</style>
, i% h# E6 U0 \- X% @9 ^% `2 d<script language="JavaScript1.2">6 W& }. }8 p) k; o. T& e* G& a
<!-- 改变下的字体的大小。颜色-->& t1 U) [' ^  X& j  A# M) V) P! F9 I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 R) ]- k( Z3 Z4 G- D5 kvar hidetimer='';* @: A5 p2 V/ e$ W; c! G
<!-- 改变下的弹跳速度-->, Z6 a  y) a; w
var BallSpeed = 20;- b: Z3 v, P7 S9 o: f# F! J3 C
var contentWidth;
" ~  w6 t( R* m' Y* |var contentHeight;5 D  b9 |  L  J/ i; O. s- R
var maxBallSpeed = 50;
1 [3 t8 o, k% E4 R( U- k3 x0 S) E$ Y  S7 \3 U. t! s# E' T
: l' a, Z* g' o' c/ K  n' P: ?3 b
var xMax;: A2 ^0 }5 {$ k, `* x0 z
var yMax;
; j$ @- I4 P: a( ^: j1 a- Yvar xPos = 0;
+ K, [2 F9 _' i- z% X! x: Q! ~var yPos = 0;1 R8 S9 o* H1 Y2 A- |, |* R
var xDir = 'right';- e5 i# u7 @* Q; ?) ~
var yDir = 'down';  {5 G2 Z& _; E5 X1 j% r
var superballRunning = true;
0 ?* X' @& O# a, @var tempBallSpeed;
. b7 L# \, v" h- |6 ovar currentBallSrc;
) c) O' i* Z$ D" avar newXDir;
5 `6 G( g: B: {4 b9 Ovar newYDir;
6 q& J$ E9 g9 Y9 y1 m* |4 P- N5 h% X) W# }- d3 n0 M6 E
function initializeBall() {. _, X! N6 ]8 V. z/ ^; r
   if (document.all) {
4 L( M' j$ p3 X$ v      xMax = document.body.clientWidth
/ y. }2 G. H7 U' E      yMax = document.body.clientHeight7 x% X$ c" ]  E. d9 z% J& T
      document.all("supertext").style.visibility = "visible";
1 g' L; H6 O2 R) C# E      contentWidth=supertext.offsetWidth
. \$ P  ]3 ~* c2 t2 ]; I      contentHeight=supertext.offsetHeight
4 E  N9 A& Z! L      }
: `; @$ _7 F! }* Y* E5 I! V   else if (document.layers) {
( a: o4 L% |8 H      xMax = window.innerWidth;
* f1 K& ?% W" H+ ~. |" e- }      yMax = window.innerHeight;
3 e$ ]9 H, W9 x: ?7 X, L8 {1 ^      contentWidth=document.supertext.document.width
' W/ _0 g) t1 y' n9 F& f( u. J( R2 Y      contentHeight=document.supertext.document.height
" l# Q( q( y) A& `      document.layers["supertext"].visibility = "show";
; g; g5 p, A4 Y4 A4 |      }* t. O  y& O- u
   setTimeout('moveBall()',400);9 D( s% F$ ^3 j
   if (hidetimer!='')
3 X+ O9 J, Y1 L. V9 _: d   setTimeout("hidetext()",hidetimer)
! o( B- s  B7 A5 e( \   }! k4 ^" U/ J/ `0 w2 ?

* j' t( t2 y+ qfunction moveBall() {+ K; w( _2 S2 F1 x. z8 E! |
   if (superballRunning == true) {
4 O& L8 U) _8 m, @2 S      calculatePosition();2 x' H$ p; C5 q$ \* L( y
      if (document.all) {
" X7 ?9 F: a! [8 M8 F9 Q: o* w         document.all("supertext").style.left = xPos + document.body.scrollLeft;4 {7 a; U  v' k) F$ o5 r6 y
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& O# Y. f) B* L5 t  y( y         }/ p8 F. N# I1 Z6 P( {
      else if (document.layers) {
$ [$ G3 J7 J# W+ e4 W* F% E9 a         document.layers["supertext"].left = xPos + pageXOffset;
$ P. r+ g/ N, l% L6 I         document.layers["supertext"].top = yPos + pageYOffset;
8 N( S7 l/ x: J( \+ X         }# R( _: m/ G5 W( w7 k8 t+ Z0 z
      animatetext=setTimeout('moveBall()',20);9 [$ _- Y. o) d; l8 A# u# T; C
      }# v% H* _6 `! U
   }
! ]2 E: E% W$ d4 n& Q' n4 |- V: D" z& h: O& A# i5 \
function calculatePosition() {; W" }! \) O- M4 M8 S, w: U
   if (xDir == "right") {
. N- Y/ x& E5 ^* a      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 u# l% Z2 S5 H. n5 G         xDir = "left";
. K' ?6 U* s" E: w         }
+ y& j' k( o' a- R7 Z      }
0 V; O% R. v+ m# o" z   else if (xDir == "left") {# {# p3 X( Q; ^) R0 }. d: e
      if (xPos < (0 + BallSpeed)) {- ]5 E4 M2 K& i7 [- ?' B$ Z
         xDir = "right";
- r$ C- \3 Q  p2 X9 o) c         }
! H! N0 I! w8 J8 F      }
% q" h# A: M# C* M   if (yDir == "down") {. v5 W; r9 G, y2 E# L+ P
      if (yPos > (yMax - contentHeight - BallSpeed)) {: r  Y- w1 \' C2 A
         yDir = "up";, D6 F+ j- a" G, v; P# U0 s& F
         }
% y. ^% G$ o; r/ e$ ~/ T" g      }
$ w2 n3 e5 ^2 i: m0 b   else if (yDir == "up") {
7 v* X( _3 C6 U% p1 L+ Q$ c      if (yPos < (0 + BallSpeed)) {
8 o! F* ^8 @+ M1 {' {0 ^         yDir = "down";+ J  ^# C9 @8 e/ e$ u( n+ {( m( |
         }
  @! x) Q7 K* y/ {  X$ s7 n+ {      }7 y; i6 Q' k* ^
   if (xDir == "right") {
) Q1 C0 f+ h2 {/ P! W! M9 u      xPos = xPos + BallSpeed;  |7 r8 l" ?+ x. @7 A
      }# V( m& Y1 w+ t- B9 M+ z+ B
   else if (xDir == "left") {
0 o; N! s! d6 p! u5 K      xPos = xPos - BallSpeed;' f- z& t9 F; F! J# Z
      }' @4 O% \- n9 F2 g* |
   else {- _/ e8 Z: l( A- k
      xPos = xPos;
/ e$ r4 c5 l0 O) x: J      }
7 u, C. X$ V# Q( }7 q) S   if (yDir == "down") {
$ l, R0 y: a3 {3 S/ l9 |9 s, s5 Y      yPos = yPos + BallSpeed;
& g# U% h, L) g. e      }
: S+ g' p! T+ z4 G- X   else if (yDir == "up") {) Y3 q( E' J8 p) e4 h+ l
      yPos = yPos - BallSpeed;# p, C; Z* v3 k7 s* j7 ^7 a: z
      }
5 s( Y* W6 r1 U; E   else {4 j4 u( E1 X( o$ \
      yPos = yPos;3 m( q6 J9 Y! Q- ?. \) |( }4 H
      }/ R% x( Z( Y* d# W
   }7 R- ~: z0 y4 ^6 i

- Y$ U9 ?) |* C) L; {) g$ J# pfunction hidetext(){- |. U# X( z. G8 F8 y! d
if (document.all)
* U) `, L* |9 D* Vsupertext.style.visibility="hidden"
& j1 N$ Z, h" t! \+ ^else if (document.layers)
: h8 ^% o1 q# X' Mdocument.supertext.visibility="hide"
* ]1 Y# ]- `$ ?5 e" K2 XclearTimeout(animatetext)
& b$ [4 K( d+ F% p% z% D( D}
& F. [0 l0 n- L7 d; Q
3 G- e% t- g  ~4 p; Yif (document.all||document.layers){4 K* C$ X# A% k& x
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& |' F8 n0 t$ }  w( ]0 Kwindow.onload = initializeBall;' b% y5 K1 d& I* w! P% b
window.onresize = new Function("window.location.reload()");
! S# x6 @+ }+ j0 p4 S+ g}3 |& m, [4 E# J

& q/ K- Y$ W- g( f. @</script>