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

zw2004

<style type="text/css">
  b% c; R/ B9 n1 F# X$ Q2 p' j2 R# A6 y#supertext {
* W2 S" e, |1 {, h. m. n/ Rposition:absolute;
; G7 I& l8 W$ T. J: O5 {* |left:0;
1 f: T+ |/ G8 @$ R+ stop:0;
+ a5 i% D1 J+ ?/ W$ {2 _visibility:hide;
  ]; _7 B6 n% x2 r# Uvisibility:hidden;
" D% g! u: t1 k* ]; F" W  i5 e}  Y! f- s9 S* J/ ^  v
</style>9 R+ g( m) \7 @: x/ v! @' S
<script language="JavaScript1.2">
) x& N+ e+ q6 y2 r9 n<!-- 改变下的字体的大小。颜色-->. x- z6 ]7 Z& j2 y4 Z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ I% k2 h5 b$ ~+ \* L" k  o6 K
var hidetimer='';" ^5 @6 L; Y# }+ L7 ^8 w
<!-- 改变下的弹跳速度-->
6 {" d# {# i3 N5 j+ r9 W; C, c. [var BallSpeed = 20;8 R- p! y6 e: t4 H  I& {2 ]
var contentWidth;
2 g* d5 i! |* N$ k9 b2 Fvar contentHeight;/ W9 `, ^. P8 T  }2 X2 @& c
var maxBallSpeed = 50;9 C( b. t- f3 F" E' P$ d, u+ G
' }6 S2 f- _/ @- O

: K" P& c8 t- r9 p) t+ M9 xvar xMax;
7 M& E8 n, ^4 L: I6 U1 ]var yMax;
% Z' _% l0 o7 Z) rvar xPos = 0;
0 G: _1 A' {* y* n/ n2 o- Ovar yPos = 0;
6 F( J  v5 p3 fvar xDir = 'right';8 [! F0 `" Z' ~$ a4 f6 b
var yDir = 'down';7 |+ ~' c# q. Z( z
var superballRunning = true;
4 y3 S) t  Z6 ]8 I! evar tempBallSpeed;+ b0 u; i9 A- p
var currentBallSrc;: o) H" B( `( c" `! ]/ \
var newXDir;
- b, I3 V  n  O6 gvar newYDir;. |# D2 T* m! q' A

$ r/ D+ i  k* q# M( ^function initializeBall() {" o# c0 |. f' @$ L
   if (document.all) {: O8 ]# K2 \, d/ D0 ?
      xMax = document.body.clientWidth" n* ?; A% B3 ^0 y
      yMax = document.body.clientHeight8 R* f  _9 @2 b" ~; \
      document.all("supertext").style.visibility = "visible";
5 [0 _: y/ x( ?8 W      contentWidth=supertext.offsetWidth
6 E# x: J' g7 p, _8 O7 g      contentHeight=supertext.offsetHeight
' v1 z" o( e' O, B      }; J! B" w, E  r& q  {. W  x
   else if (document.layers) {: _8 x1 o: d8 E- S- [, y. |
      xMax = window.innerWidth;" _: u1 `$ x1 \+ R
      yMax = window.innerHeight;; b# X4 Q! ?$ e9 L$ ~: x8 I
      contentWidth=document.supertext.document.width
9 M+ n6 T; @, M/ P      contentHeight=document.supertext.document.height- H4 F  ^' w% e: S
      document.layers["supertext"].visibility = "show";
5 d7 V$ z% L- k4 u- e      }
. b& |' F  j0 U- X   setTimeout('moveBall()',400);7 m6 @$ m0 C1 O& ~% k, Z
   if (hidetimer!='')7 m9 ]; t* \9 `) e2 N, }# b, g
   setTimeout("hidetext()",hidetimer)
% r  m+ e' s$ t  y& X9 |- A& E   }
, N4 r6 ]& r  D# W$ R* u1 j/ B" r5 g' Q! N/ o5 q$ @$ f4 s
function moveBall() {
0 `4 e" ]2 i0 b! M' {0 a, g   if (superballRunning == true) {# q) r2 Q" q% I6 u' H
      calculatePosition();% X+ f% i8 w4 ]& ~# ^( C
      if (document.all) {
1 n6 w( l7 ?2 |6 J! G% q) {         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' B* \$ U0 _2 Y1 C) |         document.all("supertext").style.top = yPos + document.body.scrollTop;
% \( r  @/ s. M         }
" B- X( K/ Z9 V5 X- t) J$ @      else if (document.layers) {
; i  d0 g  t: J# E$ r         document.layers["supertext"].left = xPos + pageXOffset;! b& G6 M. _, e* `) L( Z+ ^/ `
         document.layers["supertext"].top = yPos + pageYOffset;
/ Y0 b* m: N- `% v) o$ Q) V+ f         }
3 }# V4 t- F1 V      animatetext=setTimeout('moveBall()',20);
8 c. H( I. o! ?: N) B      }/ s& v2 d  L/ T; G! a
   }5 K4 U6 e/ P) z1 ?/ v/ e9 S& ~
, s. ]! J. d  q% N6 i8 ^
function calculatePosition() {, ^+ l, f6 A+ J1 k8 d
   if (xDir == "right") {
. ~3 l2 X+ P& \2 e6 G* Y* S* m      if (xPos > (xMax - contentWidth - BallSpeed)) {! N1 E- U5 r8 ~- b' X1 h9 p" U
         xDir = "left";& |$ f- `  }4 N: H1 C5 C0 A5 ^
         }
! [5 q! l0 A7 {, }+ |. M2 g; M: @      }9 @& t" B* V* K7 N  g& {# U. b3 p
   else if (xDir == "left") {
4 Y+ H8 P" l0 }: N) a1 O      if (xPos < (0 + BallSpeed)) {
* I# A( j) m; \7 h+ B" A         xDir = "right";
: z& o# p+ _- f* T9 L" |/ i; A5 C         }6 T9 F; Q3 v! A2 ]# ~. x! ?
      }3 I' a. U* H  D" J9 {! A# v
   if (yDir == "down") {
# S4 F# T% H4 c: R! V" I2 P% v: y      if (yPos > (yMax - contentHeight - BallSpeed)) {
! B2 N2 O4 Q3 N1 I7 ]7 |% ^& U$ f( F8 E         yDir = "up";
  P* m$ {2 F4 k         }
7 A- U* G# _" J+ i* b! m, N& F      }% z: P  t4 ]9 U& S* r' q- E, K
   else if (yDir == "up") {: a4 I  b2 o  @  X1 K
      if (yPos < (0 + BallSpeed)) {" V( f' K  l/ _
         yDir = "down";
# [8 ^/ \/ i6 s% g" N- l, u- E         }
9 m4 f3 o6 C/ T4 s# B4 f3 @      }
$ Y0 }; [. k- `) W; e   if (xDir == "right") {
' a" c1 j3 @7 f. q0 O5 I! U      xPos = xPos + BallSpeed;) m) a2 _4 o9 N* G5 W( a7 K4 W, r3 V
      }% m8 e- u/ k6 d: ^4 r
   else if (xDir == "left") {% a  Y2 j1 e$ t/ J
      xPos = xPos - BallSpeed;. [; R6 E! h$ |5 F
      }
  b* p. l; e* g' B   else {
. J+ q4 e( T7 S( P. L      xPos = xPos;) v2 z! r. B# A0 _, }3 \) u
      }
2 E. f( o+ h5 [3 B8 @  x2 c4 T   if (yDir == "down") {
" U: D8 \6 z' w# v  U$ J! i+ D      yPos = yPos + BallSpeed;
3 f8 ^0 K& [9 I' e" d2 o/ s% L! h      }' n- U  l4 y& o7 O" u" e
   else if (yDir == "up") {
6 y$ U" T4 y% \. B. O      yPos = yPos - BallSpeed;
0 L- Y' p7 `/ F      }
+ ^. S4 d( K- r7 v' y   else {, e1 _# B7 w1 k4 r2 T+ w
      yPos = yPos;; f) M0 }5 s8 T! p5 ^- t; ^. O
      }$ D* U- J# h* R! X) ]3 g" x* C
   }& J( N* f/ D1 I: o9 W/ ]

. S. g" i- s" ]4 M$ l2 \6 L- n5 x5 Hfunction hidetext(){+ Z+ |! s9 `- @# D) i8 c! I
if (document.all)5 g  ~+ _2 O" o" p3 _* X3 D
supertext.style.visibility="hidden"
+ E7 r7 e" `. U. \* {4 \& @else if (document.layers)7 F5 a8 n4 q/ u( n, A' [4 z
document.supertext.visibility="hide"$ K. k" \0 u6 g& c& r
clearTimeout(animatetext)- D. ?5 J# }& h2 n
}* r$ v3 z# ]. ]& C$ g! X" E/ ?

3 s4 r% e: Q2 ]4 Lif (document.all||document.layers){
0 n/ x  k! r, a3 X& ^7 j: t9 Xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 i. \' d* e5 L& h9 @window.onload = initializeBall;; p6 Y- h- k4 k: r2 j* H
window.onresize = new Function("window.location.reload()");
9 c  z6 y( s8 K" c7 D}
" i( z  x7 x3 D0 Q3 y
6 ]6 Y% l8 q- q7 P* ?</script>