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

zw2004

<style type="text/css">1 f% W! F2 Y6 X* }
#supertext {
9 z' w& B* P. R: y0 qposition:absolute;; o8 Z8 ]+ B. w1 S, z. c- F, ~
left:0;; O& d3 ?8 f0 g+ b4 s$ k+ j
top:0;
! k5 z7 g% V9 e( j! E# Gvisibility:hide;1 p7 ]* b. V& g! ?$ x
visibility:hidden;5 v# v& T, j6 }' L. x8 @( a% g+ I
}$ b8 r8 ^; }4 k
</style>
, T$ R3 a  C2 \0 v% C8 z: M<script language="JavaScript1.2">
& Y: d7 O: `: f2 N5 b<!-- 改变下的字体的大小。颜色-->
- N3 K9 J4 f+ Q6 S0 E; W* E) g( @var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. h; N% J9 Z; D& H; u, _) Dvar hidetimer='';
6 {& n) d3 L3 x1 M$ q3 c<!-- 改变下的弹跳速度-->$ a) y, ?. y; E0 C: V
var BallSpeed = 20;
* F! f/ s1 E$ a8 L( \var contentWidth;
  o" D5 K1 ~  j6 v0 Gvar contentHeight;9 K1 z; e; C& ^4 o
var maxBallSpeed = 50;. y9 _' X/ P/ B+ ?* r, T
! g% k8 I/ K1 H4 E

) Q6 f- W' ]6 M' L* [; N4 J9 V9 Rvar xMax;, w0 a, j0 r. u. Y: p
var yMax;% k( U- r* w. N4 T
var xPos = 0;# X# Z8 J* r. a0 H) X( T( |9 M
var yPos = 0;1 [- v7 [2 V) `2 b, h
var xDir = 'right';
2 Z6 C4 r( c! q5 U) mvar yDir = 'down';
+ }! `8 i  f, F$ N6 g2 Evar superballRunning = true;
: J+ y: l, Y" B% M2 N/ `var tempBallSpeed;, U. [7 {& j- |3 V9 j: Y
var currentBallSrc;4 J, d- ?! |& _: t! S
var newXDir;
; `- J, I# V( y' t7 @var newYDir;
' ?: S# a: A7 x+ t/ ?& X# U; G$ p) f, e
function initializeBall() {
" M: {8 K) J' x9 c5 V0 [5 p   if (document.all) {' Z. l0 W1 D) p. I" J
      xMax = document.body.clientWidth6 X; X% Q+ q  s- i
      yMax = document.body.clientHeight* d0 A+ `8 E5 @3 R
      document.all("supertext").style.visibility = "visible";$ y7 B$ M  Q; r, i6 S" E
      contentWidth=supertext.offsetWidth
- m6 i* q$ v9 |% q2 Y! f      contentHeight=supertext.offsetHeight7 g9 k- ~: `' u; P
      }- Q6 H5 T! m8 \: [
   else if (document.layers) {
  p& w! s1 @5 V- c      xMax = window.innerWidth;
9 _8 c; W' `9 U, B. n3 J      yMax = window.innerHeight;
. W% C' I# {  J+ h1 `      contentWidth=document.supertext.document.width+ y" l  A* V) W- B) d% ?& R; k3 N
      contentHeight=document.supertext.document.height
  ]4 u  S/ C, {      document.layers["supertext"].visibility = "show";
: I% i4 j* F0 b4 D2 h      }
' t5 ]" a& H1 S, Q( s   setTimeout('moveBall()',400);0 S: q( r7 d* S/ G7 Z0 F$ k
   if (hidetimer!=''), p5 ~+ Y% a$ j, |0 m9 a$ H1 e0 Y1 J
   setTimeout("hidetext()",hidetimer)
2 u: j4 w- G' j3 ?   }
: J5 p1 A6 i0 k7 D# Y( l' l/ F" e: ~
function moveBall() {
3 N1 G% g7 o* O' V  `   if (superballRunning == true) {* Q" b; y+ d8 M# F$ o! {
      calculatePosition();
% w! C1 X, y+ Q& U      if (document.all) {
0 l* s  @6 E8 q; M  M* n) M         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 P2 h' z% d, n1 U
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& |5 Y" W; s5 v  O         }
" X3 M8 K  e2 S2 \  m2 A      else if (document.layers) {
1 O( B/ e! v) U+ P3 I0 M4 K         document.layers["supertext"].left = xPos + pageXOffset;3 ]- H" j- _7 [% t3 E: d2 [
         document.layers["supertext"].top = yPos + pageYOffset;2 O2 F8 s' n" M5 z
         }: e2 b+ C+ ~3 ]4 I
      animatetext=setTimeout('moveBall()',20);
7 h& W- J; }7 ^0 s      }: r( S+ j8 X8 q/ t$ ?3 l7 L! p6 q
   }; U' v: g9 A9 c' v. ~7 K

3 f3 h$ L* H% {# E6 ]9 }function calculatePosition() {* B9 l0 X1 ^* P9 O% |, g" Z8 ~* X) i
   if (xDir == "right") {# ?! Q- T5 L" S# u9 d! m
      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 u, b5 n0 \# d         xDir = "left";
2 M1 i6 {4 M7 R8 H3 ]- \& T0 Y         }
0 P8 }- W) B2 s+ N1 D3 O' P      }* g0 N1 k9 Z: H* R$ B$ i
   else if (xDir == "left") {' h3 N9 S+ U+ }7 x  K1 p, u; }; b
      if (xPos < (0 + BallSpeed)) {
, s4 d: `7 g, T         xDir = "right";
! y8 I9 e# t2 z/ m" g# i8 T  Q         }0 J8 f9 _  P( Z; |2 Q
      }+ b; p; T( Y# L; k) {. {* p
   if (yDir == "down") {5 B) I/ S( {% ^3 j2 R# v2 j
      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 C1 ?  s: V; T$ s" n* x. c( g5 l: U         yDir = "up";0 S9 L* H. S( s  }2 N+ i
         }
2 m6 M! ~. f& ^- ]: N: p      }
- D" Y5 K$ z) B" V3 D" l   else if (yDir == "up") {: f* z. {- Z0 L- i8 v# L" G4 H- o
      if (yPos < (0 + BallSpeed)) {
0 l4 J; v5 n5 ~: z- u# e! r8 z         yDir = "down";
! T- j6 T$ [. G, l  K7 i# ~0 N1 I. N         }
% z" y( q0 @; _      }
+ G8 J- f6 u# W7 _, a   if (xDir == "right") {8 M$ V+ Q, A$ R  r
      xPos = xPos + BallSpeed;5 G; j% [5 W! S
      }# U" Z$ }/ @3 @9 Y: |5 ~6 m
   else if (xDir == "left") {
8 V$ y# z: B8 E$ x8 y! R      xPos = xPos - BallSpeed;
* n8 d+ u8 F( R2 K      }
2 i0 P0 Q! ], {, n* v2 g4 Y   else {
# t, I; Y) D+ }* K8 L      xPos = xPos;' p6 r- A8 m. v- x
      }
2 ^# |2 w7 M9 i& {   if (yDir == "down") {
3 Y" F7 Q* e& B, B( ^& v3 X      yPos = yPos + BallSpeed;
( e/ `- F2 j. ^! W      }$ G1 y) o1 A* i4 Z/ |
   else if (yDir == "up") {
* ^; d) I) h9 `0 }/ X      yPos = yPos - BallSpeed;
, O! A) t: w" j1 e( s6 ]) s5 {      }0 U; H8 o- v# u! w$ u1 B. ?! h
   else {  T% h* Y7 x) c! e+ M
      yPos = yPos;
2 M8 Z1 G; l. t3 X      }' L2 U5 P+ Z. k/ S
   }0 z! C, d: e9 ?
! y: w% V  y: T  F* C* B5 D! J% b0 a
function hidetext(){
! D4 D( Z% F5 \- z8 h% i4 ~if (document.all)
4 g0 Z5 {$ A8 U* f5 \supertext.style.visibility="hidden"
: W) Q1 q& @" z; r; l; helse if (document.layers)' L; E* `& T9 p. \, n
document.supertext.visibility="hide"; ^5 g7 l+ o& D1 y- \6 j# X: t
clearTimeout(animatetext)
$ @. H* G2 c9 r0 K1 n& N}
2 ~+ R0 J% Y$ d8 R4 U# n3 S* M. |! @; G: Z
if (document.all||document.layers){
9 K3 X. r9 ~% N) ^document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 _! ?! ]9 M2 e5 N( Ywindow.onload = initializeBall;
/ i5 \% r8 P" |+ V7 Ywindow.onresize = new Function("window.location.reload()");: k# Q* L% L9 b+ j& A( ^5 ?- r
}# C. Y( }! \/ |" a3 G

9 a" T; X% P% j$ W8 K% {6 r( ~" [</script>