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

zw2004

<style type="text/css">! L. p6 t0 O* G) P$ a
#supertext {
" F) Y6 C0 J  G. qposition:absolute;2 N8 W  s( ^3 h; r* w
left:0;; Y5 Z! Q7 ^) @- b4 `7 P
top:0;
. p, m$ s+ m# S. M1 mvisibility:hide;& R, P7 e, J6 Z7 y
visibility:hidden;& [' h* N1 X8 f1 B5 h: `/ L3 o
}# w4 D1 X% l- h0 S
</style>) H0 @0 I  L) z& x+ @# F
<script language="JavaScript1.2">9 Z: f. y1 @% L7 B! T
<!-- 改变下的字体的大小。颜色-->
% v% G9 c. V1 n  F+ i) I! l9 @var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 c5 z" K- o1 g2 X* X9 E% O
var hidetimer='';4 }0 |; v  U/ S/ z+ E( O3 p
<!-- 改变下的弹跳速度-->' G4 I7 e4 @1 H( a# c+ U
var BallSpeed = 20;
  |4 f- @) B, ~var contentWidth;
; h+ x' p) t! ^var contentHeight;, X; [. a6 f% f
var maxBallSpeed = 50;5 L0 K. j% x5 B' u' {, B

: x2 G( Q+ L/ b6 ^0 N8 G& b4 T7 b$ g9 W
var xMax;
% T& g$ ?: Q& Hvar yMax;1 U( t- ?2 c# W$ a# D
var xPos = 0;% Q7 J2 M7 M% W
var yPos = 0;$ ^5 F+ U! R9 v* k3 |
var xDir = 'right';4 m4 X# P, h9 `1 f/ {5 j0 @* i/ d
var yDir = 'down';
, H  Z9 ]: q" q  @# J+ h0 [' Wvar superballRunning = true;  w& E" K$ @( Z) j3 f, x
var tempBallSpeed;
% L( \0 `0 [& u  \: tvar currentBallSrc;
, P- x, B- ?1 o, [var newXDir;
' T( U' L! G9 V( {var newYDir;9 ?! ?5 z/ ~2 V' R
' Y/ T+ E* V( @/ t9 W5 J9 C, {
function initializeBall() {( w. k2 l) j' E1 g: m$ w  U# L. b$ f
   if (document.all) {9 V1 M8 h0 |+ t" G
      xMax = document.body.clientWidth
. k8 j/ b  M- J; D      yMax = document.body.clientHeight
: [2 G9 X- M. N) o7 F; e      document.all("supertext").style.visibility = "visible";
+ z0 v7 ?# j8 _5 T+ j% |      contentWidth=supertext.offsetWidth9 f$ k0 f( ]9 A4 r0 }4 {! ^3 K
      contentHeight=supertext.offsetHeight
: c+ j9 E% h* |  e      }4 N' z% Y! k0 _. d$ c) f' f
   else if (document.layers) {2 I4 V# D; r" d$ M
      xMax = window.innerWidth;
" C3 d$ v7 K) v' G$ l      yMax = window.innerHeight;
6 o5 N% n& A. G, k6 f      contentWidth=document.supertext.document.width
' Y3 G& {; }& ~$ \1 e      contentHeight=document.supertext.document.height
/ n. l, S) G2 p      document.layers["supertext"].visibility = "show";$ K4 M2 x! W/ `8 W. R
      }8 y* _0 H" @* F2 |* k
   setTimeout('moveBall()',400);1 ~* }" N1 @* n3 h9 s2 o
   if (hidetimer!='')
# A3 c0 S$ Q7 a- O   setTimeout("hidetext()",hidetimer)3 ^/ y% i% z/ _, Q
   }
8 d- L) S" x, ~5 z6 [
% ~' M! b7 t8 O, s" }+ |$ Hfunction moveBall() {
' q1 [8 Q; g, w# x9 \& I+ |   if (superballRunning == true) {
" F6 }+ @( j; {8 P2 N8 Y* f5 |3 S      calculatePosition();
$ N6 H6 c/ M( r7 N      if (document.all) {
& u, m% b) Q  f5 X1 Q3 I2 }% l; j         document.all("supertext").style.left = xPos + document.body.scrollLeft;8 n% B* M' h' O  V3 [
         document.all("supertext").style.top = yPos + document.body.scrollTop;
5 ?2 A% N8 j4 B9 {( J         }
. P* F1 L  V& q. n+ }' n8 `- M) u- V      else if (document.layers) {
" D9 q9 M; [2 o6 k' k" ~8 D+ c! d9 x         document.layers["supertext"].left = xPos + pageXOffset;
$ L, H( S1 F0 `; Z  z         document.layers["supertext"].top = yPos + pageYOffset;
% f3 U) e% [6 A3 t3 p; L         }
8 ]. j. q8 l* }      animatetext=setTimeout('moveBall()',20);
* X1 l, b" ~- d. O$ I: [  T4 W4 j      }
- m0 ?; c. _- ~$ u   }4 }* {7 H$ u4 `3 k' C
& N) `! ^8 m4 ^
function calculatePosition() {
  |# O) l' k+ j   if (xDir == "right") {
& r9 `8 a# W: Q; Q/ j  c      if (xPos > (xMax - contentWidth - BallSpeed)) {, n, L+ G4 F5 u2 y& c
         xDir = "left";
, u/ {  ^3 S- N7 f8 v6 s         }
; {, G9 a. F9 }3 o7 [7 R      }
( Z5 c( l0 k, m6 {   else if (xDir == "left") {
! v& @6 _/ x# B# ?5 U' [8 ]2 ^      if (xPos < (0 + BallSpeed)) {
& |+ Y2 n/ A. U/ y' q: n         xDir = "right";* m+ _; x9 V: h( P  a" N3 R& j! t
         }5 Y0 I% r" z- J; Z( p' e
      }" A9 a- }+ I' v8 o3 @/ N
   if (yDir == "down") {
+ N1 Z0 G6 Q: k4 s$ N2 A; r      if (yPos > (yMax - contentHeight - BallSpeed)) {* y1 ?! S8 O( w. F
         yDir = "up";
! x, \" K6 k5 v3 U, W6 p( G6 h         }
# U7 d; [" [. L      }; c8 n7 R( m$ L( N5 `$ v
   else if (yDir == "up") {+ w5 {0 q6 o3 `4 ]$ g( a
      if (yPos < (0 + BallSpeed)) {/ G& h& I* Z# L
         yDir = "down";, r) @6 o% Y6 B1 n  d' K
         }" A  q9 n; N* k6 [8 r
      }  U8 u: p# m7 }
   if (xDir == "right") {3 R* ]8 q+ x! p: S- Q2 O2 O
      xPos = xPos + BallSpeed;; r: j1 o* P4 Y1 Z  \
      }+ Y6 j" k$ a4 ^2 t
   else if (xDir == "left") {3 n* M! c( o7 R+ r( k2 K
      xPos = xPos - BallSpeed;; N' Y/ H2 _* }: t4 E; u& D
      }
" A% f. _9 L3 c# h. h, w/ m   else {. T% b+ q, ?! V# `
      xPos = xPos;
! f9 `$ W* s  l9 F      }
# k% L& |/ [1 `. i& d0 u! R   if (yDir == "down") {
$ F) n" _# N: U) B$ Q      yPos = yPos + BallSpeed;
, S0 H: T+ i% N$ u      }7 h/ W" W# a& I9 h  O% _3 S" [, e" T
   else if (yDir == "up") {# ^4 G2 [7 [7 h% Z# Y$ U: q& S0 s* Y
      yPos = yPos - BallSpeed;& D. ^9 I* M- I# M6 U, |
      }9 q# p9 V' c# v9 A" b
   else {) B1 y  ?% y% I
      yPos = yPos;
. M* F, [0 j; K0 M* c6 o2 y, j      }( ~0 b  i5 w; s* W
   }
/ i# I$ g8 q8 O! L0 H6 c! T
7 K4 A0 Z: C4 N  dfunction hidetext(){
/ b/ Z: X9 q) p) ?+ J& w$ ]if (document.all)( {0 b$ Y4 m: [
supertext.style.visibility="hidden"
. `0 x- X/ E# u' M5 A) w' N+ [else if (document.layers)6 \) T# M% }' P
document.supertext.visibility="hide"* |/ ?, A; }5 H0 |  w4 Z" N: C" B) l
clearTimeout(animatetext)2 Q2 l$ X) S$ c" n/ k% B
}
5 `' C. c3 ^" S# a$ W" v+ F8 L
: I  P4 \8 r* `2 u( F, Mif (document.all||document.layers){
: r! A( x3 r; ^' mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
% w) _9 f  z, a+ \  Ywindow.onload = initializeBall;* _( E% @4 P% Q* H* Y2 |$ a
window.onresize = new Function("window.location.reload()");3 V& F6 j9 Q& V- _, c+ m! _
}
. ?) O5 X& ^) ]( s
3 m% _# E3 T9 G9 O</script>