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

zw2004

<style type="text/css">6 O6 T2 u" l1 l: _$ P+ e( f
#supertext {
9 p, _5 `) r& ?) j; T9 U8 o7 eposition:absolute;
, P. D* o* t. g2 @left:0;3 I0 Q% k: a1 X; ?( S
top:0;7 d" G$ G/ p1 x
visibility:hide;
  a" N0 y. ]2 ^; F3 A: ~% K+ `visibility:hidden;3 Z! _$ j4 r) |2 @6 p% I+ S" n
}
0 ^+ B7 c  X6 K8 q7 R</style>1 i$ M/ L. o, F8 y9 d
<script language="JavaScript1.2">. r: ~# n9 U6 ~* r" H& Q5 i! D
<!-- 改变下的字体的大小。颜色-->
) B# N0 Q( h" r" I* b5 L# evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 B. o/ D6 w6 ^: A- s% ?; H+ E- ^
var hidetimer='';
, u" s5 {6 _# U. v+ U& C4 _<!-- 改变下的弹跳速度-->/ i# u: H6 ]- Z$ r" P
var BallSpeed = 20;$ |' T8 B$ @1 E0 Q
var contentWidth;
# `  @0 t4 G) W, z3 k  dvar contentHeight;: E7 ?, ]* a. U( ?, i% `
var maxBallSpeed = 50;
, S* c$ l! Z4 ?7 F4 v! V/ H9 \4 X( M; j- }  j
$ c( ]" L2 ?% H6 D+ }: F
var xMax;8 Q1 r3 q5 D9 N9 [; C# A- s% [
var yMax;
2 T5 `! ?! J* f7 l. l: T6 zvar xPos = 0;
7 y2 V; x( Z$ e4 o# Bvar yPos = 0;
- F; l1 O. J, T5 j& y, h7 ovar xDir = 'right';- W6 v! R) K4 f0 |2 C/ P
var yDir = 'down';
% P) }9 o! V, S& @var superballRunning = true;" P3 x# Q) e1 M+ P' s2 x( d: f2 w  O
var tempBallSpeed;$ t+ b& G: r& ~7 i2 d
var currentBallSrc;
% M9 Q' s5 i& b9 Xvar newXDir;0 h5 z2 B% \6 w# Y
var newYDir;
& t# t0 Y4 q# t* G3 d$ C. _6 K; w9 W- ?7 E2 l
function initializeBall() {) d, I" P) @" p! O
   if (document.all) {) v' a  m  n1 ~! l" U; U
      xMax = document.body.clientWidth
% {1 o) g& z% {      yMax = document.body.clientHeight
* A$ W- s9 @' L0 L4 r      document.all("supertext").style.visibility = "visible";
- U9 V1 C3 r- e2 T" h3 q# M      contentWidth=supertext.offsetWidth% o) u# T- _- h/ l  X
      contentHeight=supertext.offsetHeight, h* D" [+ V+ G. R( B  C8 L1 K4 ~
      }
0 v6 S9 _; ]3 l0 a- e7 d   else if (document.layers) {
8 B  o) [9 w- i3 `% q6 l9 ^      xMax = window.innerWidth;. B  k6 _) ~) @- A9 y; @
      yMax = window.innerHeight;3 m( [6 L; S- Q# z  r
      contentWidth=document.supertext.document.width
# ~2 }+ t* d, r! H% h. x( G      contentHeight=document.supertext.document.height, O& c$ ?/ q9 w8 T: L: m5 _2 |
      document.layers["supertext"].visibility = "show";
7 o; ?: q" R' q! Q      }
) l: o, R  o) {+ `6 n7 J* S   setTimeout('moveBall()',400);' c) m5 @. j* F/ d
   if (hidetimer!='')
; M$ a% D1 l) l+ u   setTimeout("hidetext()",hidetimer)
  [& B' t! ^6 y; p: ~% r   }
- R; e+ S9 s' F1 n5 D# n. p
5 Y1 }% i9 w3 v. Yfunction moveBall() {
' T! f1 |9 G9 v7 b+ v   if (superballRunning == true) {
- B; ~- @6 J2 y% m; Q      calculatePosition();
) J. M# ^4 V- ^& e$ k5 p, t, L- [      if (document.all) {2 ~& s) L$ q$ ^3 u, P. H
         document.all("supertext").style.left = xPos + document.body.scrollLeft;; q$ h: Y# _1 P( z$ z3 f( R5 K/ j
         document.all("supertext").style.top = yPos + document.body.scrollTop;
# _  D- \! X/ f/ c         }
$ T) N* q& m$ K+ j4 d6 A      else if (document.layers) {" b3 a; _; h! l% X. c
         document.layers["supertext"].left = xPos + pageXOffset;
4 Z9 _3 }8 ], Q' E  ^. @         document.layers["supertext"].top = yPos + pageYOffset;+ T# ~: m: c( Z3 e$ A( E6 T4 d
         }- |& x/ ~3 Q' V! n; G. t
      animatetext=setTimeout('moveBall()',20);8 \' d/ N% a  }, P0 @
      }+ P# k+ G- m# m. n& d7 O; F
   }
" o- g9 _9 a* [/ p2 v& R1 g5 z2 D5 X; V6 E3 u) a1 \
function calculatePosition() {
: P  Q$ r, G& f  Q0 ~   if (xDir == "right") {/ V# ]# Q8 X/ C. m; J& R5 {. N
      if (xPos > (xMax - contentWidth - BallSpeed)) {
, n+ |# R- D; b7 B         xDir = "left";
1 f4 F  @# I$ x7 S) Y         }
" G# n5 S" U% S. @0 a      }% h9 m& i& e; z1 Y9 H6 M1 k  l( o. f( C
   else if (xDir == "left") {3 d5 d- s+ a! [4 N5 k! ^! G: @# \7 n
      if (xPos < (0 + BallSpeed)) {
% D: {- a/ ^  e         xDir = "right";
, L5 e  H7 j% `9 l  F+ o         }% r+ p9 ~2 m5 Y6 d. W. A
      }9 @5 V7 k2 p( M  s
   if (yDir == "down") {
. x' U$ E" v# b6 C! Y/ n      if (yPos > (yMax - contentHeight - BallSpeed)) {8 e. G  }/ O4 h- F/ x' n1 d0 R0 K# Y
         yDir = "up";' v) f* F/ q  P$ U1 v0 z6 ^! T9 s
         }& n+ A1 d3 G: V' [+ i- B
      }) c9 _8 `3 t7 w# b2 Y% S$ T
   else if (yDir == "up") {+ [" @3 J0 t, G3 G# ]+ B, P6 Y
      if (yPos < (0 + BallSpeed)) {# w; E! R  r# z* u
         yDir = "down";4 ?8 F% O0 R" _, C0 B
         }
" i1 o8 |; Y! c7 X, L- Y( l      }: ?0 \) g9 X; T% ]+ N; _) k; ~% Q
   if (xDir == "right") {: K( ?6 y3 ^% B# {; @
      xPos = xPos + BallSpeed;4 N9 h2 o4 P5 ^/ Q1 x: x* N
      }, d4 i' B; a$ e6 O: J2 M
   else if (xDir == "left") {; T1 N2 O4 f& u
      xPos = xPos - BallSpeed;; L9 a$ k5 o) Y; Q
      }
& z& Z$ ]$ S% i+ j6 x" d! {   else {
+ H# J4 r# a( c3 B" V, X      xPos = xPos;; z6 ^% T  r! T# I: s- u- W
      }% k& ^/ |$ q% k) m
   if (yDir == "down") {) x2 x9 V, k7 p& Q: }3 N& c# k$ u0 b
      yPos = yPos + BallSpeed;  }5 L2 d; F! g, D$ F
      }
- S: b) V* K6 a* ^   else if (yDir == "up") {  G8 l- S4 z% L5 D+ \% ~/ h
      yPos = yPos - BallSpeed;6 H6 g# E7 ~3 B& x2 C# {9 H" k! x
      }
3 H7 B% N- o& w" B9 h   else {: y. a6 W4 i/ v; Q9 e
      yPos = yPos;
8 N" }5 A+ P: V5 p4 t- k      }$ n( K) j% i" H5 _" t' ?
   }8 L. \; o# w7 ?! M
7 n. a9 T! T* [  i3 l
function hidetext(){! H1 s2 o' U2 t
if (document.all)
3 i1 m6 p1 [# K1 ~$ ~supertext.style.visibility="hidden"# q2 ~; P/ o. x. H0 _
else if (document.layers)' M5 U6 Y" e* x0 O
document.supertext.visibility="hide", I5 J/ X5 J* ?
clearTimeout(animatetext)
5 f& L: x: @4 x1 W% d$ V8 P" X. m}# G3 H7 Q( c  p7 j0 B
7 V+ h" v$ [9 M
if (document.all||document.layers){
' R0 u) F- ]  b9 B& |document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 o3 I( D8 U  J" ?) Wwindow.onload = initializeBall;
' k) H7 y, s( A7 ~' y, X0 Z" Hwindow.onresize = new Function("window.location.reload()");9 ^* O) w% L- n! P$ M( h1 [
}! ~7 x+ [. l& m' G! d6 Y( C
" W4 j5 c4 L" f+ \( Z0 K/ }' S
</script>