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

zw2004

<style type="text/css">
3 J, H5 \. m- l. [) o* O#supertext {! y( d. P" N! U  w5 V8 l
position:absolute;
+ c& K* a8 R" c" ]3 X2 lleft:0;
2 _" ^9 c( m" @0 U% Dtop:0;, Y% X$ [, g: g9 y' `, ]9 t$ u& Y' [
visibility:hide;6 k* m, H) m8 Y# X( P/ [6 p
visibility:hidden;6 T8 j! H# O1 o
}
$ t# N# a! C+ _% ~+ M5 u5 [</style>
; x9 H3 y$ k. i( h- H8 x<script language="JavaScript1.2">% Z  L8 K1 m: q
<!-- 改变下的字体的大小。颜色-->, I7 ?$ K/ h" o9 O& \/ ]
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 _& h% H. w' X. p3 c2 f
var hidetimer='';
5 Z6 M! }7 E1 ~. s  f<!-- 改变下的弹跳速度-->5 {0 Z7 g! r/ R; w4 Z# k
var BallSpeed = 20;
# N- |6 D, N* I' Lvar contentWidth;6 {7 I( r* R# _
var contentHeight;2 D0 m- u8 s4 `$ z
var maxBallSpeed = 50;0 ~+ Z- r0 n% h% U) C: v6 g. X

" J7 v8 J4 h4 n0 f  s# O$ L% }, ?# G
  {: b' ?0 k/ Q- U8 [. ]0 o" ]var xMax;
0 y4 W: l0 K/ ]4 s0 \0 W7 Gvar yMax;" ~3 m7 [& C: Z, E0 W; C# |
var xPos = 0;4 C1 d. }8 [0 f9 l1 g$ ^5 W
var yPos = 0;
  j  P( t1 E2 W9 Pvar xDir = 'right';
! t. B6 q, s0 Z' |# xvar yDir = 'down';
; I8 R- w' I( u! `9 Avar superballRunning = true;+ Y. s. U. t6 ^1 y8 W: E
var tempBallSpeed;2 e) K. y' R2 E. w0 Q
var currentBallSrc;* V1 t3 W, w% I% b- p- |
var newXDir;
" r8 B8 z9 m6 A0 g6 k1 P' d! xvar newYDir;
& d) a: I5 _6 J! _  \. w1 D! ]& A. E# Y
function initializeBall() {
! \9 T2 [1 D" u4 G! w   if (document.all) {( g: c! V( D1 |4 o+ c. N
      xMax = document.body.clientWidth
8 {  U. n, L/ u7 Q( K5 [      yMax = document.body.clientHeight
0 {% p7 }" F4 b2 _      document.all("supertext").style.visibility = "visible";
/ s" c! C) C, z# _9 u      contentWidth=supertext.offsetWidth5 k' a" i+ p: B# y
      contentHeight=supertext.offsetHeight
  Z, ~( ^7 D' {. u: {      }
- H, t( T# ?0 M% v   else if (document.layers) {. [8 k) @9 @( x) q( q; }
      xMax = window.innerWidth;- y) o6 u! a0 H, c/ \+ w- f* l6 t
      yMax = window.innerHeight;
8 L+ v" U8 a* W6 a: e      contentWidth=document.supertext.document.width+ y& C$ e2 a/ i0 }" ]5 E9 j7 w$ P( Q: Z
      contentHeight=document.supertext.document.height" o3 w4 ]( f& u6 k2 T
      document.layers["supertext"].visibility = "show";$ Y: i1 k& Z$ e* N) B3 M
      }3 g, r" h& @; {4 B/ q8 x
   setTimeout('moveBall()',400);
" f" @# L* l1 D   if (hidetimer!='')$ L. T0 ^0 ~, t! _
   setTimeout("hidetext()",hidetimer)
- }7 _$ ]7 m  V   }! ^: k$ V# {  ^% A0 c

: ^, k; T  ^" Q/ j5 [6 x' yfunction moveBall() {4 r- H( L2 ?: V$ G$ W! s) M
   if (superballRunning == true) {  N: ~4 {. Q7 Q4 e" }9 ^
      calculatePosition();' @* _( j/ `5 k6 Q$ @# y0 h- i2 b/ _
      if (document.all) {
+ i" J' H- C( q3 A' h, {. g         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 H% q/ ]' d$ ?4 |0 M         document.all("supertext").style.top = yPos + document.body.scrollTop;5 ^3 |( s* V, [$ q4 ?7 L
         }7 x1 H; `0 q  x7 u3 x# o
      else if (document.layers) {2 \% o6 F/ p3 i& d. ]9 ~) ^
         document.layers["supertext"].left = xPos + pageXOffset;% _. S4 p2 `$ k* A( m
         document.layers["supertext"].top = yPos + pageYOffset;( b: L( t* O. V$ K
         }" L) z9 x$ W+ d: k. L- a) k
      animatetext=setTimeout('moveBall()',20);
5 e. n" J1 l* M* m2 \      }
" j4 [9 W2 V; o3 l   }8 a. U' @* _% s7 F) ~) A
# O  s0 C& p: u* S# J1 j5 B
function calculatePosition() {( @: D% i) o& f& i! d
   if (xDir == "right") {
9 C' |: e8 m& ]7 D      if (xPos > (xMax - contentWidth - BallSpeed)) {' t/ j; O! v5 g' ?' P! W; d3 J$ O
         xDir = "left";
8 Q9 Z, y9 w+ M: H) w: h& c- y         }
5 I% N1 l8 a' a: V$ k/ p      }5 |9 c/ O& P% b" ?1 G4 W. O. t
   else if (xDir == "left") {3 q! K7 ?' i* e( S" k- `
      if (xPos < (0 + BallSpeed)) {! z- h; J" {! k' k. |' A$ I- p
         xDir = "right";
7 F: A0 M) w" p, V( k         }# ~& e7 L: W) \/ b0 v3 B% h
      }! Z$ f* ~1 ?7 @8 y
   if (yDir == "down") {4 y2 N$ p" ~  F' `
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 |/ r7 L" Q$ ^
         yDir = "up";8 \* g6 P" o7 L! h" D% |
         }1 i7 s4 V: @5 [: G% x
      }: }  W: y- G# D$ F" Y
   else if (yDir == "up") {, r  l+ |$ T, @
      if (yPos < (0 + BallSpeed)) {
  v. g- R7 g* M( j# f, r         yDir = "down";5 c* ?2 D- |8 I2 }: M
         }1 \/ _; `2 S' u0 S& D. c
      }3 X9 o6 H$ H5 _6 n% [, T  P
   if (xDir == "right") {/ `6 n* e! [7 i" D
      xPos = xPos + BallSpeed;
8 I8 b# ?5 x" {- Y/ O: @/ P      }
7 \+ B( ~* A; c! t4 |* G7 @   else if (xDir == "left") {
- k3 D1 b5 i* e& q# X7 U      xPos = xPos - BallSpeed;
% E0 b9 D; w+ Z2 D# S% O+ @      }
7 b6 d: U) @! v3 B# p   else {
/ s  ]  j- c/ V, r      xPos = xPos;
6 e0 i" v  ]. H3 \! m      }
1 @7 a/ \4 _# _2 Q$ {: ]   if (yDir == "down") {
5 l1 A/ v/ a7 |      yPos = yPos + BallSpeed;: |1 @' ~; ?$ d1 R
      }& R. Z+ c  w# S' T- b: k# j
   else if (yDir == "up") {1 ^9 C1 P5 f% v4 a7 M( A
      yPos = yPos - BallSpeed;8 J7 V: _1 h7 V& C# M
      }
6 ]6 D  h5 P1 w* O   else {
& M1 N: n+ o2 ^8 G      yPos = yPos;# J& Y' n7 ~0 g
      }0 Z8 c& f4 v6 A3 Q' c
   }
9 K; p# t# E' O' R
2 b0 Q3 _9 l* M& t& |$ p$ nfunction hidetext(){
; M! d, u0 n$ aif (document.all)
7 Q) d4 o$ d& Msupertext.style.visibility="hidden"
) k0 B. S# w9 {! \2 q% Relse if (document.layers)
; g. \) R0 y( n4 g" u. @1 i3 z5 Sdocument.supertext.visibility="hide"
! p" P) }7 m, [$ V% bclearTimeout(animatetext)8 C- ?! c# F6 k( f$ U- q, |; X: x
}, d$ @) e; L- z+ v* B% ]
1 v: C* R. S. d, l- J8 P- U
if (document.all||document.layers){' J( g- c, a2 M0 s1 s+ A* ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ O1 s! X% ?: d$ A+ Fwindow.onload = initializeBall;4 K4 v( Y! M/ P
window.onresize = new Function("window.location.reload()");: ~1 t6 s0 S4 o. l: W, \
}0 x6 Q7 X  O: A* U5 |

; S1 j# b& O  ?9 C9 o% _6 r, X" V</script>