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

zw2004

<style type="text/css">
" U4 X: R( ?3 r4 M7 ~. R, F/ M$ m#supertext {
. j7 l, F, ~6 d/ W. x* wposition:absolute;! z3 [0 Z- E4 {& C) g  r
left:0;
5 o# _+ {9 F+ _+ ~top:0;
& E; G! ]% V8 X5 {/ u, {" Gvisibility:hide;
4 c  ?/ v: v1 U! Tvisibility:hidden;
$ v3 ], j6 t7 P2 E& M/ K}
5 }4 }, F0 v; ^, L$ k9 m4 y</style>
, s3 a7 q/ Y; f- W+ @<script language="JavaScript1.2">
# k5 E7 ?4 y0 `% z' ?8 r% \; f4 J<!-- 改变下的字体的大小。颜色-->
* F3 U6 d1 |! ~7 U! Q- o3 Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% Y; a+ U" `2 ^; e: E
var hidetimer='';
& i  }' k- T2 `, o3 f$ Z# G9 f( D<!-- 改变下的弹跳速度-->
" {8 n* k6 z; b+ O0 l& j6 Y/ `; J9 qvar BallSpeed = 20;
1 \9 z. P- W9 V" Wvar contentWidth;1 V# b' k& \6 P- a
var contentHeight;; U6 T" v7 W4 Z
var maxBallSpeed = 50;% T1 p+ T9 j5 o9 d$ j

$ j# B/ O6 ^+ F" ~
) P4 e' l; r) z: o3 J: u& F1 l9 [var xMax;
2 X6 t% Q" i) j$ N2 w- F6 S1 gvar yMax;% J4 B- \7 V6 o+ U& g; D
var xPos = 0;
/ H) b9 _3 ^& f2 w9 W/ E* i# u5 qvar yPos = 0;$ T+ M4 m& U9 i7 w1 a. c
var xDir = 'right';
1 O' K0 s1 D9 [8 K% ]1 q( J1 U5 Pvar yDir = 'down';
9 U, _1 F" a: \- u& Y4 ?var superballRunning = true;, x! e6 S0 t( `8 W
var tempBallSpeed;
; l" @7 J& A# ~! d1 q$ [, O2 Nvar currentBallSrc;7 R& r+ S1 Y0 H- E; e9 ~8 s$ N
var newXDir;
  a' d8 Z! J% n. |; p1 }. ?) ]0 pvar newYDir;
0 K: v' j" C  I, q9 p: d7 Q; q1 Y% _, D; h% \% p( e
function initializeBall() {
6 _. H, t1 }' o6 p4 _4 X# X   if (document.all) {
8 g' @: S' ~9 u5 ^      xMax = document.body.clientWidth+ K2 j1 O- E: z# w; Y8 e& _/ V
      yMax = document.body.clientHeight
8 J, u/ J  C0 z# m4 @- Z  p      document.all("supertext").style.visibility = "visible";
( U) [4 T9 c4 ?6 y      contentWidth=supertext.offsetWidth. m2 _/ n# m0 e0 b& q
      contentHeight=supertext.offsetHeight3 R1 L" v: i. t0 i2 H  z  a
      }* C( K0 Y( O' k( o7 b% d
   else if (document.layers) {0 f' Y+ G+ Y% X4 g
      xMax = window.innerWidth;4 N9 n# T1 w* s+ q$ v. }& j* `" Z* A
      yMax = window.innerHeight;9 h$ ^" N2 c2 L: v
      contentWidth=document.supertext.document.width7 T) V) X6 Z' Y7 s, A
      contentHeight=document.supertext.document.height" t+ _) Q( F; T& ^, n8 Z3 e
      document.layers["supertext"].visibility = "show";
: }, q) T- t+ L' D2 P+ C6 w) Q2 w7 {      }* {1 e* b- z' L" n2 o
   setTimeout('moveBall()',400);/ `% T; j& b. ~7 _) Y
   if (hidetimer!='')
- _" F' h- `) N, d- j7 [: d   setTimeout("hidetext()",hidetimer)+ E% A: ~) t$ @/ o
   }$ C7 g% u7 \/ Z# o: w. ^
5 l% ^" f9 t  p& K6 a2 w, O, v
function moveBall() {
6 w  P% D$ i% K   if (superballRunning == true) {
0 y  M% \. D9 s6 r# Q      calculatePosition();
  i& ?0 \6 d% y+ l      if (document.all) {6 K  v" ]3 V; E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;! a1 U: k* B" n8 e: K8 d
         document.all("supertext").style.top = yPos + document.body.scrollTop;/ K! {7 ]) m! u3 O. N# D
         }
9 k  Z7 F: W3 R) r4 W      else if (document.layers) {
+ v8 d! X: ]$ b         document.layers["supertext"].left = xPos + pageXOffset;$ C0 I, k% a5 G1 N# ^; L) b
         document.layers["supertext"].top = yPos + pageYOffset;% }0 S- E$ Y" v- P. ?% i
         }8 b" ?4 b+ u: s. N
      animatetext=setTimeout('moveBall()',20);. G9 G+ y& F' F0 S
      }
7 Z( A+ L6 i3 j" Y6 f   }0 Y& j; L/ Q4 c: Z
8 N3 S( f9 r- e. B  @
function calculatePosition() {
- n- ^7 u) `/ V/ Y: E- ~( P   if (xDir == "right") {, P7 V7 Q% E9 b$ T" O' }
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ t) |2 e+ [* J& Q9 q7 {. J
         xDir = "left";
* M- n% Y! Z! Z; q0 h. h         }
/ F: E* v5 L( h- _! f2 N$ y      }
; x. D5 f6 |2 k' o, x3 M  S   else if (xDir == "left") {5 g% A3 k. K2 b' F1 h3 w
      if (xPos < (0 + BallSpeed)) {
) Q$ g: l: ^$ A1 ~% ?6 g" @         xDir = "right";
( p, L9 F: a' m0 X% J3 c$ }+ C. o         }
( n7 }. V7 y: X# X4 b      }% D7 Y6 B, R  G7 g
   if (yDir == "down") {  p7 z+ X2 i! C  \6 V
      if (yPos > (yMax - contentHeight - BallSpeed)) {5 O. I0 y6 ^, p/ O
         yDir = "up";, x' i! t% Z! y# p
         }- N4 U1 u, p' n" U9 W4 Q% ?# e/ y* |
      }2 V  a  E- U$ _' p7 k, O$ t6 I# E7 H
   else if (yDir == "up") {
% J$ v9 N( s, d# a4 D# L. c# v      if (yPos < (0 + BallSpeed)) {- G9 ]0 B; n* V6 O" q2 a4 e3 q( U
         yDir = "down";1 p: r4 K  z# {7 X
         }. @, N" F! F+ a8 h% w
      }3 d( K  e. L& B6 h
   if (xDir == "right") {
6 f8 b8 P8 p3 _' }& Y1 i( [. E      xPos = xPos + BallSpeed;. j/ R  Y- Q/ G8 w( |6 `$ U! o
      }
7 d$ {: I1 ]8 e7 Y   else if (xDir == "left") {
- J3 k3 b* w  p+ [4 H3 W      xPos = xPos - BallSpeed;0 V' H  }4 ]- H* x- E. Y1 A0 C- k6 G
      }
7 `; N5 J/ {! L4 N: o+ i2 J   else {
. i* ~8 G& x' x3 j) ~      xPos = xPos;8 V+ r! Z8 {' X+ R
      }
4 J/ a1 a1 d1 K* a$ Y( r9 m   if (yDir == "down") {
( Q" a0 }* z1 e! d; V! `7 f8 c      yPos = yPos + BallSpeed;
$ ?: {/ t! M$ {$ ]0 B2 W# K! Q( T      }% ^6 A& r: {/ X  O
   else if (yDir == "up") {( ]/ e! K  P0 ^! S  A( A3 M
      yPos = yPos - BallSpeed;
5 C& @. G  x8 t  U3 L      }- i* D" r) {, R3 X
   else {
6 m$ V! \/ g% N, U- K$ v      yPos = yPos;8 }- O. {7 ~2 i+ m/ d! H) Y) J5 `' c
      }' n- M0 S  J: p6 N- V( J
   }
; Z: O7 S+ s" i: K+ T+ ^1 x$ ?% e4 }" F) g
function hidetext(){
0 f! z# P0 `9 C# D. ~; oif (document.all): I+ Q( B. q3 j4 i" Z; I
supertext.style.visibility="hidden"- c% A, m1 B# z
else if (document.layers)4 H# E5 `6 Y% }+ ?  G. y
document.supertext.visibility="hide"
" i% Y! s# L' N. l& ~! P( ^clearTimeout(animatetext)% Q2 S3 `7 v, l
}
2 P" }/ }$ @2 I+ l0 B% U6 {" |; M& @5 I, k4 A5 }
if (document.all||document.layers){
. a; [& t; P5 ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& h5 Y# y+ P, A8 C  N+ s
window.onload = initializeBall;
- M2 ~# q( N6 ~7 Y! U1 C) [7 T, Bwindow.onresize = new Function("window.location.reload()");
- C2 w. A  O5 [/ e$ V. c}+ ^: y0 W' B8 a, J( ~# S6 \' j

, H/ L1 V3 g# Q</script>