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

zw2004

<style type="text/css">+ F# p. q- T0 l& o
#supertext {
& e4 S7 E3 L' i5 B! x% ]position:absolute;. ]6 E" h2 ~4 g( P" N# S2 W
left:0;
" z) F: \8 l5 f1 i! Wtop:0;1 O. X4 m  I9 p/ B
visibility:hide;
& C2 c7 z5 B- ~, \! _visibility:hidden;$ P% U/ Q' w6 T* O
}
" P1 c# R7 J) Z4 I7 y1 k</style>6 I9 O% [3 u( c: v8 r+ I  u
<script language="JavaScript1.2">
: e) ]; @9 x. T% O# {, T+ n  Q<!-- 改变下的字体的大小。颜色-->! I3 i# ?2 G6 p( A& v# a
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. W2 E4 A, j! Q* L9 vvar hidetimer='';4 B6 Z' ~1 S% q8 m5 Z9 Q  Q  ~
<!-- 改变下的弹跳速度-->/ k. W8 o4 E0 B5 `; E
var BallSpeed = 20;
5 ~6 f: p) I! O7 K% D1 Kvar contentWidth;1 h/ Z! x) N6 O; p$ ~& ^
var contentHeight;
" |% e. u! v1 t- q# pvar maxBallSpeed = 50;6 G  @/ F  |. f% \) a3 E% ^

& c- Z9 h2 m) K. M
+ W$ L0 g: t( K3 W; }var xMax;
+ B- |" |; a3 l3 Q$ [# B$ D8 `var yMax;
2 \4 G9 d4 q. P& i4 Zvar xPos = 0;) [$ s% Y( k' X0 l1 G. T+ Y1 N2 }
var yPos = 0;- W7 \2 y  M* ~9 y4 `! _" B
var xDir = 'right';. D9 M5 L! k! P6 ]9 X& B# u& n! ^/ f
var yDir = 'down';5 h# y- V/ U: Y! j" ^9 N
var superballRunning = true;9 X+ h9 r5 M" E6 E5 g: y
var tempBallSpeed;
( k" W% H6 j6 `! |3 \. nvar currentBallSrc;& K3 q% @  x1 u8 t3 S# k+ y
var newXDir;- c3 Q8 P; j  K* J; c, m& g
var newYDir;( W6 P6 ~, t3 q, ], }$ g

6 s8 `8 l4 y5 a& Y+ f0 I/ Lfunction initializeBall() {( C/ v8 }! \* f
   if (document.all) {( N  v% [2 T& {- B4 C
      xMax = document.body.clientWidth
! @8 Z. [/ V2 o1 j4 s# {& s' l      yMax = document.body.clientHeight
) p8 q: R- w. j6 k* J      document.all("supertext").style.visibility = "visible";
0 c5 o+ L, |: C( u6 Q7 ~      contentWidth=supertext.offsetWidth2 I  r9 z5 x" t3 P1 B& y* B
      contentHeight=supertext.offsetHeight
3 W0 W  N( p- P( {' ?      }
+ g/ G2 N" o# @5 u. f7 y& p   else if (document.layers) {( J* t; a8 T" C8 O2 b. k$ D
      xMax = window.innerWidth;
3 A0 S: u4 w1 G9 }  X* \      yMax = window.innerHeight;
- j% C3 Q* w0 U  D4 C      contentWidth=document.supertext.document.width2 W) `$ a7 j) R: H
      contentHeight=document.supertext.document.height
( A/ d% o8 }( ^$ d/ ]  l! P7 W6 w      document.layers["supertext"].visibility = "show";
1 Q3 R8 y. C- L6 `4 I      }
1 p) B9 |  Z9 o* {$ ]9 u   setTimeout('moveBall()',400);- D& p! x$ D% \: _$ N5 W0 H2 K
   if (hidetimer!='')9 \+ P4 H; M$ X% n) e2 \
   setTimeout("hidetext()",hidetimer), [  r0 s, W, V$ D. I3 R% w
   }
/ E( Q/ m- G6 Q- l) S' \: n4 F# |0 J
function moveBall() {, h' r8 l0 _* y1 w  n# @
   if (superballRunning == true) {
- [; Y; \& K) U7 u) i; {4 ]      calculatePosition();% E. O- X# i$ N9 D7 Y
      if (document.all) {
6 X+ y: w* b0 z% H# Z9 Q1 O: |         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# e' `) X) j- [: N: j" ~         document.all("supertext").style.top = yPos + document.body.scrollTop;: [) ~/ L% x' F9 ~6 w
         }
, y+ @1 m) i8 b4 ~  D: j8 R: l( _      else if (document.layers) {' d$ d7 e3 p5 l& U! F; d' J/ \
         document.layers["supertext"].left = xPos + pageXOffset;- S) j4 X) L2 y1 _7 M
         document.layers["supertext"].top = yPos + pageYOffset;3 G6 a7 \2 m" a/ y; K  l$ Y
         }; L. ?) R4 R( g' {
      animatetext=setTimeout('moveBall()',20);( K5 s3 p6 R7 G- R- h
      }4 ~; ^: ~/ d" q0 Z% _
   }
0 S$ d; d& y! Q# ?+ s$ l2 e- N/ t! z) ^. m! M
function calculatePosition() {5 d; ~& y3 a& c5 |+ Q
   if (xDir == "right") {2 n# D8 `! M6 a" R' |% h  i& `  l
      if (xPos > (xMax - contentWidth - BallSpeed)) {. t! a+ M! [; S+ I, A4 p2 T
         xDir = "left";- o- }/ }, T; V
         }' D( E7 \* b: U& J5 P9 ~1 f4 q3 N
      }' T1 Y( C3 H# f; T2 M; c  B- o
   else if (xDir == "left") {
" O8 `1 N( C& T" n1 s/ ]      if (xPos < (0 + BallSpeed)) {
8 M$ F, y, v0 z: e  T  o         xDir = "right";$ t) r( A$ |( g' ~, ]" p' Y! H
         }8 h% d( Q8 j9 m+ `7 c3 X6 j
      }! A2 S! Q( c- L# V2 G
   if (yDir == "down") {' f& \+ b- u6 ^; d9 H+ Z0 C' ?6 q2 A
      if (yPos > (yMax - contentHeight - BallSpeed)) {* }: `4 a& V; B2 t6 m. ?
         yDir = "up";; d; `: }, a$ e+ D- e5 _' `& D9 V
         }
- q  C" }" w# e      }7 R7 {  Z2 ~% o
   else if (yDir == "up") {5 }, h( m" m2 Q. u( W
      if (yPos < (0 + BallSpeed)) {9 g- @, i. B, |! Q4 j6 R! b" Q
         yDir = "down";% u3 S" z- D/ j
         }1 D9 h: h/ j( ~/ A2 H! o
      }
+ A$ r# Y& p3 y! T$ S, F   if (xDir == "right") {5 Q! z0 S5 [7 c% i, H2 l' j3 m
      xPos = xPos + BallSpeed;# F1 y/ W3 W9 ^' i2 D" [( G
      }! \, a( Z1 b8 G8 U$ b8 ?
   else if (xDir == "left") {! ~9 \5 `7 W% g! X6 F; J
      xPos = xPos - BallSpeed;. S& \7 u) O& g# ^
      }
. X3 S+ P7 d. ^4 O, G6 ~   else {- X9 S% v9 S- @
      xPos = xPos;
, i7 x8 \; e; L# m* x, A3 q0 H      }
! X" ~4 N& }3 Q" x7 l   if (yDir == "down") {, ]" j- j% V1 x$ V
      yPos = yPos + BallSpeed;5 f9 t* ?( L! i+ A9 z. ]4 M9 z7 ~
      }
! L) u* i% D. P3 ^/ O' p5 a   else if (yDir == "up") {
8 B. F% D. f8 S! M. U* B/ f9 R      yPos = yPos - BallSpeed;
* V" R, {# F/ g      }
4 X( q7 ~* m% r. F   else {
0 M" P7 i. q' G7 t1 y& I0 J5 L      yPos = yPos;; k9 n4 S0 s& M& E8 g. u' X
      }# |) ?/ h' B6 R+ F
   }# k* \2 m1 P8 y' _* o6 K3 w

- B: W" E- ^! ~3 Hfunction hidetext(){
; P) |% Z$ `$ J, vif (document.all)1 @0 U( H1 d- y) x4 i
supertext.style.visibility="hidden"
5 ], q/ G: V7 u3 nelse if (document.layers)! `- a3 [9 X1 I7 D
document.supertext.visibility="hide"
7 ?3 q# G: y( P, l) AclearTimeout(animatetext)/ z# y& t6 K2 Z: j0 ~; P
}/ v- v' T3 m! ~! A* t
& G' t9 y* |3 ?6 j* _2 P7 N
if (document.all||document.layers){
2 S% K7 O7 E# w+ s9 h4 w: L5 A* jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ |( y; ~# b: }" F! p+ B' W
window.onload = initializeBall;# l+ o4 a5 N1 l" |  |: L/ D) c! ?' U
window.onresize = new Function("window.location.reload()");
% \5 i( E0 b0 m% \}: |# |: f% [7 y' D4 C

" r6 t& Y* X- P$ `; I+ h, P</script>