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

zw2004

<style type="text/css">
3 Y* p+ X9 x0 n1 x#supertext {
! z3 m2 b+ b$ V$ B4 g1 F- F6 Xposition:absolute;% B3 ?) P0 v/ L. M
left:0;6 b1 L; J) U+ Q2 [
top:0;7 `1 ~, G2 X0 T/ }7 d! I
visibility:hide;
, i' h% Z# d! H, U9 O3 mvisibility:hidden;0 o1 E9 V: G" n) [) z
}
" U) h9 X4 p# S& b</style>
/ {% W. `3 C6 T& D) }<script language="JavaScript1.2">8 t- i/ O. V+ _) o
<!-- 改变下的字体的大小。颜色-->
# M2 V3 G9 G/ v" P0 ^# |var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  D- u, g( D7 D
var hidetimer='';
2 H5 w6 K* t7 \0 y" f$ N! @5 V7 Z<!-- 改变下的弹跳速度-->5 ~" E. ~4 S+ a3 f9 D5 i
var BallSpeed = 20;
# l+ v, v9 i3 a: H9 z( f/ b( |var contentWidth;! V3 W. Q& N$ W4 w$ d3 j6 ~8 S( }
var contentHeight;4 x& g1 K! i& ~+ b7 v0 {, O$ Y3 }
var maxBallSpeed = 50;! e4 L# {8 Z! [! t, u" N* F
" F- A: }& g! [9 i4 L

* x& k$ M9 M. F/ K9 }/ Ivar xMax;! H; b" c: k2 z& w" y
var yMax;* O+ K$ q# ~8 i2 T- f
var xPos = 0;; f! t4 Q7 I' @! F8 N$ o, R8 @, C
var yPos = 0;
3 q- _: _# p9 Z" n; Ovar xDir = 'right';
9 r+ ~! I2 `" Xvar yDir = 'down';! W8 T) `. U+ p7 C2 N
var superballRunning = true;0 Z  m; r& q; W  |
var tempBallSpeed;8 \5 M8 t" \* m0 T+ p; f! X+ M
var currentBallSrc;; E7 f& b6 c# j) I$ r9 `. M4 ^
var newXDir;
8 y9 d* [, k2 ?# l# \var newYDir;
8 k' v  S3 d3 I
# o% q) p) g3 u3 a: kfunction initializeBall() {% D4 X- _0 V. y- d  x, s
   if (document.all) {/ R2 y9 d- {2 s% T8 M
      xMax = document.body.clientWidth8 B! l5 l8 P' o7 B3 O
      yMax = document.body.clientHeight. V* o; b0 i. Q7 Q
      document.all("supertext").style.visibility = "visible";5 g* m3 ^: w7 v7 K& V) H9 A; Z9 ^
      contentWidth=supertext.offsetWidth! C0 T' E) I. ~& }
      contentHeight=supertext.offsetHeight
( S: Q# e# @2 G- U. A) o& q% B      }
, i* Z( I# ^" w% `, @7 _# r% o   else if (document.layers) {
" C; _. Z/ w) J( X9 t      xMax = window.innerWidth;
5 _; o6 O0 M8 G+ t      yMax = window.innerHeight;; e7 O' p) ?# h2 E! {0 X8 Y  v: U
      contentWidth=document.supertext.document.width
. {" ^! }& r- ]) p  G, p+ l9 b      contentHeight=document.supertext.document.height
0 g) y+ s3 T6 V: ?$ i      document.layers["supertext"].visibility = "show";/ b8 m" M8 w9 r/ _0 d, u# H' }
      }
  Q/ {% Q" G$ j. k1 w   setTimeout('moveBall()',400);. o' q& f# g( }- z. O, b
   if (hidetimer!='')- R" f' U. }% z
   setTimeout("hidetext()",hidetimer)' D3 S& E8 [0 a, r' ?/ q. `
   }
, B) e8 f4 I. A0 N
( V3 I0 }0 R% v9 Z! I) }function moveBall() {
; H3 Y5 d% ~5 o   if (superballRunning == true) {
! L4 q- l3 F* m0 E8 A      calculatePosition();/ p$ k3 E' h+ u+ b
      if (document.all) {9 {/ e4 e& Q4 v) ~5 y0 J8 o! B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 c4 W- z; ]. x! U
         document.all("supertext").style.top = yPos + document.body.scrollTop;
' \: I! x0 b" W6 {9 a  l         }9 R4 ~: A  m- z% b8 S+ I
      else if (document.layers) {: Y7 o+ D5 ]% C5 l' d( d
         document.layers["supertext"].left = xPos + pageXOffset;& D% |6 V; _+ b: {3 e6 y
         document.layers["supertext"].top = yPos + pageYOffset;
' X, Y& B9 c' o- q9 S2 |( K% u         }
* E0 ]8 }: J2 G5 o2 \9 B      animatetext=setTimeout('moveBall()',20);
6 i" v7 Q1 U* f& @, \      }
& r+ K$ u8 \5 ^. p! p7 U   }+ v* A6 }8 Q# c9 ^2 v: O  v+ Q
( Y& Z' G2 e; |2 |+ A
function calculatePosition() {) |7 d6 T; V9 T
   if (xDir == "right") {
7 ]8 p' Z# G" b( r6 S8 [1 j# b      if (xPos > (xMax - contentWidth - BallSpeed)) {& i( g& r& Y; n) I- P+ J* k
         xDir = "left";4 ~. }$ i3 B# P. \- Y
         }
  g; k, {' u8 k7 @/ R. u+ S8 C      }
! a) g6 R; G0 O! e$ E' y4 R& {   else if (xDir == "left") {' v: \; S3 z! t/ K, c# G5 D  I. B
      if (xPos < (0 + BallSpeed)) {
( ?# W6 s3 p$ K8 l0 q         xDir = "right";
. U+ P3 q# \8 p6 m  \2 n         }0 Q5 Y2 s: \! ]7 k4 ^; i  t
      }
$ U7 u4 N5 ]! u& x" L   if (yDir == "down") {0 W+ L. b& ]% T# t- k% l4 ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {: k9 q- p8 [# C8 e
         yDir = "up";
: ?: d- Z$ G" ~& R+ s. O7 L$ @5 O         }
' \, b) m0 A  M7 G& M: [4 A      }
) ^6 N" l; J- P6 w) M, G   else if (yDir == "up") {) k: p- [6 Q+ n! _0 |: t
      if (yPos < (0 + BallSpeed)) {7 b+ c- {3 |  B: S/ m% T2 ]
         yDir = "down";1 H4 i( R' ]# E5 w) U& v- A" {
         }1 L; M' O. n/ Q, K% s" H
      }
) _1 M$ }$ [; T$ S   if (xDir == "right") {* I" `3 i4 ~. ~2 T3 v/ G. u0 B
      xPos = xPos + BallSpeed;
8 F$ ?% r: j2 t2 G      }
7 t' r, \7 M  J: ~$ H; e  V   else if (xDir == "left") {, |' j( E4 M9 v3 O7 ]+ O: g
      xPos = xPos - BallSpeed;
3 I1 M7 O9 ]; }: Y# U      }
* X7 l$ G8 _% @+ n" B+ i! G5 h   else {
" I2 n+ a, j2 o5 W      xPos = xPos;9 b/ X" ]! M8 W$ p$ M0 _
      }9 I& z, V( L" E2 |# R3 d
   if (yDir == "down") {
6 D( c, s! x; d' H      yPos = yPos + BallSpeed;
4 m$ y) Q+ o% P2 Y      }
/ [0 D  F! b" o, }8 r1 W  q   else if (yDir == "up") {
( D) G% ~/ I4 b8 q0 }      yPos = yPos - BallSpeed;
- O: B) }& \7 _$ B. W      }
; h& i  E7 M5 ?8 n8 R7 p   else {  E9 a) p4 q+ l: }! |$ P
      yPos = yPos;
) ]9 N0 v( l# W7 c0 H" c      }' {: D3 z7 f3 f6 ~& M  X
   }0 T& o& N/ }; n- M
' f1 W+ @  Y# S0 [* Y
function hidetext(){
3 i4 d2 D, M- Y% {$ b3 ~" o4 k9 n% aif (document.all)! Q1 T. Z- ^( ^6 b- ?3 k
supertext.style.visibility="hidden"
* \& R" H$ p! E( `# A3 _else if (document.layers)6 q; i* d4 ^2 _
document.supertext.visibility="hide"+ a! A5 F: T1 \5 l2 A& h1 b
clearTimeout(animatetext)+ v, d" e; l$ Q$ M; o
}! S+ k- V0 V' Z6 k; t" b2 e

9 o$ S7 a; W+ U/ fif (document.all||document.layers){
$ v  `7 \; g% {8 n8 V" X0 p: tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 E7 |( V4 b6 ^/ ^( Dwindow.onload = initializeBall;8 H2 R( h2 R' }2 e
window.onresize = new Function("window.location.reload()");' p/ Y( ^! z2 [8 X! d, p
}2 Z6 d/ n9 B0 _$ F" e  ]# C7 t
7 Q9 D4 j: l, k4 A
</script>