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

zw2004

<style type="text/css">2 W: |) U% u8 A8 e0 S1 g( L  {
#supertext {! W7 H4 j8 K, B
position:absolute;5 e: B& k, ?5 q/ j4 l/ [
left:0;& p$ a2 n/ E; S+ f# g' k9 W8 ]# b
top:0;" b. y: n8 N# t! Y: N
visibility:hide;# r9 U, v* d$ _% o
visibility:hidden;1 P$ e  J4 `+ a7 p: V2 Q; x4 ]3 z% L
}
4 h- Z+ r4 [7 }- M9 v</style># K, Y1 y9 O2 a+ P7 w  t2 D- W' o+ k
<script language="JavaScript1.2">
' C3 W" l( l9 b" F- G2 F. ^; |<!-- 改变下的字体的大小。颜色-->
' N: T" }8 Q$ hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) N4 Z2 d; e- n6 h6 X8 h% Zvar hidetimer='';
/ Y& T' J1 s: b<!-- 改变下的弹跳速度-->
: n- ?( ], w# {/ Dvar BallSpeed = 20;4 x( W  B8 G: u9 P- o! {( ]8 q6 F" H1 _
var contentWidth;
) d$ J) {& E* D7 }) L' {6 kvar contentHeight;: _9 D* Q8 {' U& C% \3 ~
var maxBallSpeed = 50;
) R8 h- K# }) M% M4 O' L% y/ J; n. t, ~# N9 j

; J: w3 f8 i' V/ {7 dvar xMax;. M, G% J" H) ?
var yMax;
% L* Y- z& [1 a) K* J5 |var xPos = 0;
/ Q" t0 A2 L- \: ~) Rvar yPos = 0;! v5 f7 l4 a  O! [
var xDir = 'right';6 I( H. g( Q$ s3 ]
var yDir = 'down';
; K2 X6 h7 S+ zvar superballRunning = true;! X9 r/ T/ b) H( j- |
var tempBallSpeed;: J8 T" U/ A+ w: @
var currentBallSrc;
: l  }+ R, Q6 a6 ]% X1 ^var newXDir;
) y$ T8 a6 w$ W5 y( }5 g3 |, rvar newYDir;0 n9 S2 A/ y0 x/ c' m9 i
- h; E7 v5 X# l7 g7 v
function initializeBall() {
& z: Q  k; W9 t3 @( L  R) w6 T   if (document.all) {4 k' @2 t; d. r5 [2 y7 \0 w
      xMax = document.body.clientWidth
4 E& j: @+ K/ K0 b5 U      yMax = document.body.clientHeight1 o4 J$ J- X& c: I
      document.all("supertext").style.visibility = "visible";( M, R1 z% X  a/ t
      contentWidth=supertext.offsetWidth
( \. c- R" ], Y% K0 x% a/ o      contentHeight=supertext.offsetHeight, d, M; ?# {8 j/ u
      }! M  X/ r# K, H# Q% P
   else if (document.layers) {
' T, U! o! c( k6 g# s      xMax = window.innerWidth;
  {& Z! t& Q0 O/ ?) z4 r* q3 w* `) J! S      yMax = window.innerHeight;
9 R2 {7 \6 C9 o6 k      contentWidth=document.supertext.document.width/ q' F/ s3 n- y; A3 K
      contentHeight=document.supertext.document.height* ^0 H: H$ `% C2 M' x* b0 u% X
      document.layers["supertext"].visibility = "show";
; _( a" J# n# I' G& l+ l7 X      }
, ^* [: k- @0 a2 R, W   setTimeout('moveBall()',400);! b3 r8 ]0 ?; M( v0 B
   if (hidetimer!='')
% c) ]' |9 ?$ ?( g+ o/ W. {   setTimeout("hidetext()",hidetimer). Q$ O+ d6 t0 n7 H9 R2 c/ D" a1 Z
   }
* x" o- `" t) r) K4 S; }$ \% x3 a8 W; {, O2 @+ Y
function moveBall() {- {8 D7 w, `2 }: b/ E9 v
   if (superballRunning == true) {
. C% x# k' u9 {% T4 v4 T% h' Q      calculatePosition();4 W# z/ K3 w! X( h/ W
      if (document.all) {4 b5 g) ^6 u7 P# B" ^
         document.all("supertext").style.left = xPos + document.body.scrollLeft;" |$ _% |5 c1 K- J
         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 }" [, b$ M& k         }& S1 U* r5 n2 U0 J  M& Q1 v$ Z( j2 x7 V
      else if (document.layers) {
7 r/ x! Z8 Y1 D8 r# N         document.layers["supertext"].left = xPos + pageXOffset;" Q) q  `$ u* ^" H7 C
         document.layers["supertext"].top = yPos + pageYOffset;, Y& y8 O; J' d9 Z5 X
         }6 c  t) {6 z4 K* y
      animatetext=setTimeout('moveBall()',20);
  Q1 ], |. B! u% g5 ]      }- L" m/ z3 ]5 I9 C
   }. W% I' j$ p0 ]$ s
* T4 U, q3 Z- J4 \! Y; W( D
function calculatePosition() {
. q( F8 r4 x# h$ x   if (xDir == "right") {
, l% E  C$ g! U* G$ Y9 ~& N      if (xPos > (xMax - contentWidth - BallSpeed)) {
* o5 ~% T/ j4 `! q6 F2 K, k- E         xDir = "left";! B+ \  l4 q' D  ^3 M$ i1 }
         }% q6 m7 I2 Q6 R. \% K" D$ u, l
      }
- [8 T! g! }9 w7 `& r7 O   else if (xDir == "left") {& X7 U. K1 A3 N6 m' p7 M2 {
      if (xPos < (0 + BallSpeed)) {: N: b- f1 Q5 p4 `% d9 ?+ U2 C
         xDir = "right";$ i! o: S0 N7 {6 j1 j  V& f9 L
         }! E# \9 h& S$ f
      }2 `+ d/ I8 y0 F4 `: T2 g2 A
   if (yDir == "down") {
$ i' g2 n& [) A  r2 `4 i      if (yPos > (yMax - contentHeight - BallSpeed)) {
) G3 G+ }7 u! v: w5 F1 m         yDir = "up";
5 `' F/ ~8 o9 a% T5 ?         }
5 U4 k( U$ \: @) L      }9 d! W! [7 r& l
   else if (yDir == "up") {  {! r! E: E& O# R& {: Z& m  B# N
      if (yPos < (0 + BallSpeed)) {( J, A* Z& [4 _5 f! [
         yDir = "down";
- m. S3 l* ~, {8 X% U6 v8 A& d         }
* Q: Z; z7 S" u      }
& ~, y1 q0 h- \4 P) e6 [   if (xDir == "right") {; S* v" e+ `! R7 W' m5 P  o% [9 m
      xPos = xPos + BallSpeed;
: ^5 }* `5 X( Y, a7 M7 X      }
1 M8 e2 b6 G% K* J$ m  V; L0 u   else if (xDir == "left") {& P! x. S6 n: N
      xPos = xPos - BallSpeed;$ c5 t( a4 D8 Q( l- M- @" U" j
      }, t3 v+ @6 o) |2 E% y7 ~
   else {7 S0 [6 C! J* A( y
      xPos = xPos;
# d/ S+ i% y  l4 m+ D; R( [      }& g. F7 |# b5 O& d
   if (yDir == "down") {
3 X& }2 r  R$ M/ W2 Z      yPos = yPos + BallSpeed;
. B" U5 _9 ]* L/ V" h( g6 m( M- X& w' Z/ t      }
# I$ q0 D, [1 i0 H   else if (yDir == "up") {
6 B; h* _& h# K) }1 c      yPos = yPos - BallSpeed;' A2 ~, q# i- P7 ~# H/ R
      }6 E! L. @% W* L. R$ u
   else {
$ p+ g$ j( O/ t6 h( {4 L      yPos = yPos;+ u/ ?+ q# _4 W7 c/ ?( B) N/ ?
      }
4 a9 q0 Y& A; q; H   }0 n5 {; _+ L4 \

0 f2 {3 l4 t) k3 E; y+ mfunction hidetext(){+ T/ i, W8 {3 k, |. [' l
if (document.all)( ]: V6 j: E; Z) n" C0 Y
supertext.style.visibility="hidden"- U/ c1 y+ G; V- \# K
else if (document.layers)" N, Y# T& R: o
document.supertext.visibility="hide"- w/ l- ^' z) i) Q. S, x& m
clearTimeout(animatetext)6 U' I% E( g0 b9 W( n! e  c; i' m
}2 I* M9 v) ]% ]) \( o1 f
8 p0 T4 [/ f" Y1 U6 N! W4 U$ h
if (document.all||document.layers){
0 Q3 H$ z2 c9 }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 c* r* Y( C4 f5 M" Wwindow.onload = initializeBall;* v$ r+ q+ N, a2 [
window.onresize = new Function("window.location.reload()");: f/ L! _' I/ ^0 J* c/ F
}. q& }0 w0 G+ ~" f3 X9 u2 [
& G8 f" k- [2 [2 u$ e1 n  e
</script>