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

zw2004

<style type="text/css">4 H7 W& R; k' \& T& g# k3 P$ _6 @& _( ^! x% ?
#supertext {( c  l6 K$ W5 ?
position:absolute;: m! D& v% l) V
left:0;
+ ^' P$ t2 ^. a4 h9 Btop:0;: n# Y: B8 e+ J- \% `# b4 \
visibility:hide;
) I9 z3 {8 \6 n4 T# I5 Svisibility:hidden;4 y5 y6 B' X9 C5 }, H
}4 ?% E$ f6 `0 d1 C! s8 _- r7 Z
</style>& t( K# i4 o1 G% x
<script language="JavaScript1.2">% \! M# u$ U; U8 ?8 O
<!-- 改变下的字体的大小。颜色-->
) c; Q: d- ]8 p/ n( d( vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 Z7 Y9 J2 y% C% c6 Pvar hidetimer='';( r$ E5 [- L7 G/ T; e5 ]
<!-- 改变下的弹跳速度-->5 A+ l0 h; Z1 B3 o
var BallSpeed = 20;
2 c" E7 I2 H6 a" G# }# {$ P# Cvar contentWidth;
2 _1 I6 Q! g" k: l5 @2 g2 ]0 Tvar contentHeight;& }9 N) c2 i2 f/ G! S
var maxBallSpeed = 50;
) F8 A; f- E) h* B' z2 Y9 V- k0 H  _# S* E1 I3 E4 f3 P
) S+ \2 k  U1 g
var xMax;" E! ~; b0 W# L, g& ~
var yMax;% q( T/ y, f2 ^5 r: F. j( \& H. l3 Z
var xPos = 0;& d9 y7 ^4 d. ^0 |* G
var yPos = 0;
( Q: y7 h2 p( p# v+ y" X2 d3 \var xDir = 'right';
, m% o7 y# G5 M2 q" Y" I# v; [var yDir = 'down';
: Y& T0 b8 h. O! _0 fvar superballRunning = true;
8 M4 `. U& g  r) ]  D+ T9 tvar tempBallSpeed;7 n% B2 @1 Z1 O/ m
var currentBallSrc;
$ a/ G/ ~+ R0 v/ gvar newXDir;
4 h, d8 O! R7 svar newYDir;9 l: T7 g% ?) ^, a# H

+ |- K+ R: s7 J' dfunction initializeBall() {
. J. t" V3 v0 {( H   if (document.all) {
2 Z8 w6 E# ]  T  Z- X1 L0 E      xMax = document.body.clientWidth4 N; H6 M# `. d+ F
      yMax = document.body.clientHeight$ |- Q. D. q) I  B  G9 l
      document.all("supertext").style.visibility = "visible";! f. |/ X4 P% y' A3 R2 D
      contentWidth=supertext.offsetWidth
( q, A$ q4 e0 u2 A8 v$ c& t      contentHeight=supertext.offsetHeight
& \' n3 S# ?- |! R: ]$ I; ~) ~      }
* I; h6 ?% w" m& \+ r  a: m8 D   else if (document.layers) {
# u7 o3 {4 D. M5 p4 t1 O      xMax = window.innerWidth;  z+ `5 u1 W- \# p) N* ~
      yMax = window.innerHeight;
5 n- h9 d: Y( F7 |( J# E  R" n      contentWidth=document.supertext.document.width& t1 y& C' `) Y* [- _
      contentHeight=document.supertext.document.height& Q1 [. y: G2 W" f3 J$ J. A9 }3 E
      document.layers["supertext"].visibility = "show";$ N, L' l! H% a
      }
' }/ o$ ~4 u$ d+ `( n   setTimeout('moveBall()',400);0 B7 U' m  @+ A) n7 J
   if (hidetimer!='')( c" O) x: s5 L" A8 z8 y
   setTimeout("hidetext()",hidetimer)- u# Y: u6 n9 i+ ?9 ~0 b
   }
( S  _. D3 B7 V  w
% W, P+ s% D) f& |/ V3 Rfunction moveBall() {, {; S  F+ ~, ]7 m: z6 t6 W3 `
   if (superballRunning == true) {2 ^( L6 G! X( U2 u2 d  S" F
      calculatePosition();. h2 M5 r! p1 a0 I# |- h& X
      if (document.all) {
$ A( S: A0 _2 i" D$ p         document.all("supertext").style.left = xPos + document.body.scrollLeft;/ q8 B& m: X* y1 S& d
         document.all("supertext").style.top = yPos + document.body.scrollTop;- X0 q& T0 ?% \" g* B* r# N, F2 Z( V
         }
9 {2 {. {- |/ h( M3 `" d3 J" k& b      else if (document.layers) {
8 D7 t/ t" Y$ I2 G; p: z7 `; @5 }         document.layers["supertext"].left = xPos + pageXOffset;
& Y$ O8 o1 d5 _7 o/ S         document.layers["supertext"].top = yPos + pageYOffset;% s" y1 l! I2 S  _# z
         }: y- R5 _% t0 I5 I' q2 |) c2 C
      animatetext=setTimeout('moveBall()',20);! D/ r# e/ d0 s1 ]2 z+ F) B- b! C
      }+ Q- S7 F; W$ v1 E, }, c
   }' H2 ~# _* x/ O( l$ e

, y. ~% y& }3 b2 T$ Z+ zfunction calculatePosition() {# M& Z8 A4 W$ @; f; Z" `( A" `/ p
   if (xDir == "right") {
  j1 s3 d& A* _3 e. D      if (xPos > (xMax - contentWidth - BallSpeed)) {5 N6 w0 x$ V; p# y
         xDir = "left";
- K# ^, X9 B( m& j* b         }7 \9 n1 p- j" }6 V
      }
8 r0 }3 @* W- c$ D" O: V& R% c) k   else if (xDir == "left") {' z8 A; U  C2 j! `7 i0 F: n& J$ C
      if (xPos < (0 + BallSpeed)) {
3 ]' s  ^4 ]8 g2 R% l         xDir = "right";- j! K/ }; L2 u8 {
         }- {0 @4 Z8 }1 b: h) U6 Q( |. V
      }
0 u  l/ K& b2 Y3 m6 v   if (yDir == "down") {
2 i& A0 H6 ~4 h7 k$ L      if (yPos > (yMax - contentHeight - BallSpeed)) {
  w2 n/ r( F: |( L( C         yDir = "up";6 ]0 B' I0 v! D, R1 a" A2 H8 {
         }
2 U. h" \/ A# r' z8 z) Y' d0 ?3 B9 m      }
# b+ ?% }" W1 ^( s* S8 X   else if (yDir == "up") {7 T* Z" Z# d& ~/ y5 l. R
      if (yPos < (0 + BallSpeed)) {8 \. P+ t' R+ ]  Y( W
         yDir = "down";
; [  Q# c, H/ _! b         }, a" {; ^: U' H2 L% S8 ]
      }
$ L& ~9 `7 Q3 q: i! e& l' F   if (xDir == "right") {. e; @7 P/ A  I7 k; u! R7 D' l- V
      xPos = xPos + BallSpeed;4 w" L- g% G) c8 k6 ?
      }
2 l0 k7 d9 B: c3 h) @   else if (xDir == "left") {
$ _- t: J: P) X( }      xPos = xPos - BallSpeed;- c5 w' o3 x8 {7 n% c# H" I
      }7 P3 N8 S4 n7 j- J# e4 _' X- r
   else {
1 L: j3 n$ y4 g: d8 j      xPos = xPos;
& ?/ g) M4 F4 ?" J- F8 ]      }4 _/ H" |6 `8 `" N
   if (yDir == "down") {! `0 w4 _9 T% d9 T  D
      yPos = yPos + BallSpeed;2 A# L5 v5 g, C: v8 ~
      }
' P. a. R: J# Y$ W   else if (yDir == "up") {
/ g2 K* v/ k& l0 K+ Q1 |* B      yPos = yPos - BallSpeed;! H9 y5 j: `6 A* E6 ]/ i6 J
      }% G! p& ?9 g& u. {
   else {
4 d7 h6 t& [0 p& f' b8 ]      yPos = yPos;5 I- r* r' |! g
      }
  y: n8 v+ t6 s9 ^$ R, X7 v   }
" b8 t" P7 E1 W- p. t& R# I4 y% P  a1 n9 s( U. J
function hidetext(){
: e7 m& |" u+ |if (document.all), f' U# N: Q- S
supertext.style.visibility="hidden"
5 j1 U# J0 A: F# `else if (document.layers). B+ m4 z; j/ V: g
document.supertext.visibility="hide"
0 F. O" n. ~7 {7 p2 J( d/ H' dclearTimeout(animatetext)7 D; F( ?% ?/ [: n6 g9 _
}2 x' z; V( ?: ]- ^+ \% S
- v. t! p/ L/ H' W
if (document.all||document.layers){
% X# O% b0 f0 j* Q8 J2 T2 Tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! r* h5 m# q8 ~! E; p3 n6 f$ Y4 v+ m" U7 ]window.onload = initializeBall;
8 H$ \! ]+ [8 I7 ^& a# Wwindow.onresize = new Function("window.location.reload()");
& L6 Y+ Z, W  s3 w5 _! R, T" \% ]}
, d) B1 j) R+ D/ \. v$ U7 i
' ]' @0 u2 O& `  z. N# L7 ~( N</script>