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

zw2004

<style type="text/css">
0 @. q5 Z0 [/ [8 U#supertext {
! T8 V- T1 g) A/ A+ s( [position:absolute;
. x  ~/ W* |  B7 q7 Gleft:0;
; p- Q- k8 f5 g7 btop:0;0 a5 L6 T* q0 V4 Y2 a/ H
visibility:hide;
8 _9 R3 I- Y6 n% ?  Q# |6 a) vvisibility:hidden;
! k7 i& o$ o: {) T; q}
6 ]+ t8 |3 s8 ~9 H! l$ G' K</style>
' Z& N1 n+ z- {/ d3 n5 Z<script language="JavaScript1.2">8 @8 F0 X9 i* _/ f! I" O
<!-- 改变下的字体的大小。颜色-->2 X0 C& S3 u7 P) o! g* Y: T4 h1 j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- J) [! a+ L9 }9 O% j8 {& g# s
var hidetimer='';
3 H* E: o2 p- p# \6 x: L<!-- 改变下的弹跳速度-->
# O; E- e5 L& g. {6 ~8 N# `# Mvar BallSpeed = 20;; {$ S5 s& m3 I" L5 O
var contentWidth;
/ ^: r% r7 k5 Z7 s5 Kvar contentHeight;; R$ h5 d4 |; _! ]& Z
var maxBallSpeed = 50;2 w) L+ d8 j/ o% }$ Q# K

6 Z9 q+ ]3 `1 |7 ]( l
0 q$ I0 r: G1 l5 ]' F6 s0 \' v" }var xMax;
' j( O% P: x6 ]var yMax;5 T  X$ i, d( c& W* _
var xPos = 0;
3 T7 ~) R- }& Q; i: [! H' rvar yPos = 0;
! ~2 T( I$ M! l7 D  R) Yvar xDir = 'right';
' K7 w3 W' f6 C6 @' d1 s; O& Yvar yDir = 'down';
$ Q$ W+ _' Y0 Yvar superballRunning = true;5 `. U7 m$ o0 s! g) {8 u& [$ A
var tempBallSpeed;
3 \3 E; q3 f& W+ N+ p4 z" {& Pvar currentBallSrc;% H; O: N, n% G  M3 d: F
var newXDir;+ h8 X5 F2 A9 [# ~
var newYDir;7 H, e8 I. ?$ W
: }+ s+ m$ @6 B( }& y
function initializeBall() {* }( L  E8 g) L
   if (document.all) {( s$ l1 @0 Z. x1 Y2 z2 i
      xMax = document.body.clientWidth$ d& n, Z. f3 a7 j* c0 d
      yMax = document.body.clientHeight$ j6 r) u6 f6 N1 u! A6 i' p9 \! A' h
      document.all("supertext").style.visibility = "visible";
5 ]. X7 a$ l- k" }      contentWidth=supertext.offsetWidth
+ x& I3 u. C7 U5 e; \7 c      contentHeight=supertext.offsetHeight6 s* @% @9 K( o/ c  }% y, v
      }
* {/ M+ B! s/ S3 K   else if (document.layers) {9 l- S* C* H2 i8 q+ {2 J1 N
      xMax = window.innerWidth;
" ?; x3 m2 |! ]: D      yMax = window.innerHeight;4 J$ t% V8 [1 ?  {2 T% w
      contentWidth=document.supertext.document.width
9 v: u. T2 I; h      contentHeight=document.supertext.document.height
* N& m4 m$ ?  J      document.layers["supertext"].visibility = "show";0 A2 ?6 E: \. A; J# M2 L* \
      }
! r9 Z7 u2 a9 u) c0 I5 Q* a   setTimeout('moveBall()',400);( O: R! c7 o9 h$ b; f
   if (hidetimer!=''): A- {6 r, x# p& h' E# N. p
   setTimeout("hidetext()",hidetimer)
& g$ r- o, ?5 Y. J0 D! S   }
# z+ T+ L* a$ M
7 V6 v4 I* t& ^4 M  Y5 N/ efunction moveBall() {
& A5 v! C1 h! W7 d% {/ W+ d   if (superballRunning == true) {
: d0 J+ T- X* A5 R( y% \5 d      calculatePosition();
2 u. [8 ?0 \5 m4 B6 o6 E0 |; R      if (document.all) {
: n* a& m' ^: D; O, J         document.all("supertext").style.left = xPos + document.body.scrollLeft;/ b* ~* L+ H/ U5 e7 ?" D  y
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& T  P& z1 W, [3 ]         }' h# C/ `& [$ u: |) a' \0 n
      else if (document.layers) {
) Q+ ?# C/ |4 J2 x% c) q! z         document.layers["supertext"].left = xPos + pageXOffset;
* O. {# D$ d4 \* q+ r3 V         document.layers["supertext"].top = yPos + pageYOffset;5 T+ a% Q% m% e
         }% B, p" f! C# m/ s2 m' p
      animatetext=setTimeout('moveBall()',20);: A  }  X  r  \
      }# Y# e% o: m6 E
   }
) b5 U2 y" v4 V, w3 |+ x  n) e4 p' M/ v
function calculatePosition() {
  U8 D4 D- n6 P   if (xDir == "right") {
1 S% W- D2 W; i/ R" @      if (xPos > (xMax - contentWidth - BallSpeed)) {- m3 {( s4 y- ^) ~
         xDir = "left";. O( ]  c# O5 V+ x9 K
         }
- C8 h+ @" z) r) y- K      }
7 W- b/ \: Y) u/ q* Y& K, n   else if (xDir == "left") {
6 r: z  `- o- F2 S/ L5 A      if (xPos < (0 + BallSpeed)) {
0 |  [( ^% b0 [2 j& @. S         xDir = "right";
1 j! `- s% @' z" q+ E         }3 d* \/ L6 R* u; O( e$ [
      }
3 R7 R* y2 f) E' e" j2 b   if (yDir == "down") {
/ |- X. _2 G' r! z9 t- p2 c6 r" @      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 t, n7 A$ j" l; v* I6 c) y8 p         yDir = "up";! P6 u. s3 v; R1 }
         }
3 X+ p5 t1 t1 `      }
2 Y9 Z: L( a  X: r4 g5 L5 T   else if (yDir == "up") {2 W* ~! [6 N* H8 i
      if (yPos < (0 + BallSpeed)) {  t% ^: O5 z+ y1 o
         yDir = "down";. [6 g; B( i, H) ^& Y+ d
         }
% H2 W: I, d5 c" K3 Z+ n      }8 {- K/ C0 F% i
   if (xDir == "right") {
: V) Y" x3 [. X5 w& Y      xPos = xPos + BallSpeed;( J, ~5 j% Z2 o
      }
# H  r6 a0 \+ H+ j+ L6 u6 j, @# I   else if (xDir == "left") {
0 D" k1 ~' [, T! e      xPos = xPos - BallSpeed;
: d* i, _: r  _% k+ G      }
& @5 @) Y' @0 p  A3 N   else {
1 O8 Y$ [" J( {' S# _- ]      xPos = xPos;, c7 F; t- c* q
      }5 G1 u  i& n5 i  n( k
   if (yDir == "down") {5 P# Z/ a' P4 B2 _; e
      yPos = yPos + BallSpeed;
# Q9 q0 l( e9 {6 B2 h9 L      }0 g( {5 `  p9 Z: U9 u- u" n
   else if (yDir == "up") {
$ p% R! k  C$ K) |8 N0 ]      yPos = yPos - BallSpeed;
9 s8 l" Z# g+ j8 T      }
$ U0 B) v3 @! U' f   else {8 {" z0 O, Y, e
      yPos = yPos;
* _8 O! q& t# h& c. T      }3 v- J: g+ ]/ l2 W
   }& O7 T2 w( m6 j' L9 X( [( t: ^

/ {/ }) G# q* z7 v9 n: T2 I6 z; Xfunction hidetext(){
+ O& \5 Z5 ?0 s' B5 jif (document.all)
; z$ \8 l: {' n1 isupertext.style.visibility="hidden"  ~( {/ B' J7 Z! B. p1 e0 _
else if (document.layers)0 l1 `  [) G% M" X, x
document.supertext.visibility="hide"  p- W: H+ G- X1 V$ b# v- s6 L# \
clearTimeout(animatetext)) _- {7 |0 k- q( Q, D4 f. s
}: c+ a$ p) w! p  {

1 Z. }( c; O; P' p6 d/ vif (document.all||document.layers){
" |8 A! ]/ B: rdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 |$ t5 T* b& Vwindow.onload = initializeBall;
* p2 s  E, a& K$ I, k( c% G0 Gwindow.onresize = new Function("window.location.reload()");. ?& X* ^: r0 R! i) M: M* K
}/ q* {: y$ c; k7 |5 Y$ B
' `% T4 n7 X: d* R& X+ }8 D
</script>