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

zw2004

<style type="text/css">
! s- f! Y. q+ i9 k  y#supertext {3 ^0 e6 D- t# |. ~0 {: g$ I
position:absolute;% Y6 m! B, P; s2 x- @$ l0 E
left:0;
; ?, O6 W: S% N% n0 G1 n" ftop:0;
( }" o( m( e7 H2 I8 _+ d3 Ovisibility:hide;
6 N3 d' ~$ [' Q1 y' tvisibility:hidden;
* ?# l3 `" a" ~6 |}
! r7 e0 T( ?0 a; i! G3 p</style>
$ @" u0 v( r8 q0 x<script language="JavaScript1.2">
, K% [- i) c1 |8 `8 t& u<!-- 改变下的字体的大小。颜色-->4 t9 h. e3 h6 ^8 z/ F) _0 ?7 u* D
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" V- j6 u. a6 y& K- Vvar hidetimer='';
7 v. F( \& A: s2 O<!-- 改变下的弹跳速度-->- Q" x: Q9 W3 i) o1 g+ y) Q, F
var BallSpeed = 20;
" C. N! ]3 d  cvar contentWidth;
7 `3 I' X. R9 ~+ r5 {var contentHeight;1 y% Z4 Z$ G# |4 I% z! Z0 U0 P# K
var maxBallSpeed = 50;- B/ O3 o* a: T2 ?2 S, T
; n2 |0 v6 ^2 {, `
# L. D* {. A4 G: ?5 x. v8 G& N
var xMax;8 s; _, z3 x; B, N- f) j! Z
var yMax;; a9 I6 f" c$ S$ ^% d
var xPos = 0;8 G# M2 n" a5 u7 X
var yPos = 0;
; f# @3 K0 _# ^$ K8 U. Bvar xDir = 'right';; K" T$ c6 X- g/ J+ A7 K( N
var yDir = 'down';1 b$ P' ~. Q  Z3 c( F
var superballRunning = true;; p2 D) O( w, n$ g6 R. _5 O! F
var tempBallSpeed;
7 L) t( }; N( l& `; L. ^var currentBallSrc;
& S+ ]# u! f7 ?8 B4 Y$ g% f3 n' fvar newXDir;- w5 l- y% i" g% @  Q  a/ A
var newYDir;; e  r3 u$ p; K4 g# w& A  \

) B6 P) ~/ @' W# N- Y$ e/ [function initializeBall() {$ I9 `9 T: q. I# W' n$ C
   if (document.all) {
2 O! P4 b5 g& B! w1 J; y      xMax = document.body.clientWidth
' X; n6 s  ~0 ~# z3 x      yMax = document.body.clientHeight% n( X. A6 v5 H5 w4 A
      document.all("supertext").style.visibility = "visible";
( r' r+ l/ ^, ^6 Z! ]4 N. X) G      contentWidth=supertext.offsetWidth
; O  A* `' C( ^1 D) T      contentHeight=supertext.offsetHeight
+ V0 ^% ]) M- D) o+ Q      }5 n- m1 ]( ^4 X
   else if (document.layers) {: J6 u: A+ m' ]& e2 t' y
      xMax = window.innerWidth;
1 K. V: u" P; N! f6 ^1 X" U9 J7 `      yMax = window.innerHeight;
# u' ~) K+ m5 |+ Z1 V5 E      contentWidth=document.supertext.document.width
4 s! ^9 J* q) P" [% }. s      contentHeight=document.supertext.document.height
9 @" D4 E$ g/ i* F3 @/ z/ C      document.layers["supertext"].visibility = "show";
' D1 C& t5 r7 A% l: D      }
8 q, d0 h3 S( t2 r   setTimeout('moveBall()',400);
' P# r: x4 d: p/ x) A! A6 B   if (hidetimer!='')
! o; S2 d! t8 M. ~, E   setTimeout("hidetext()",hidetimer)
4 x7 m, V  _8 q0 p  R7 m6 d0 O3 h   }
, T* O. @) R/ g7 Q
% I$ B2 [, x# ]1 v+ R& m! pfunction moveBall() {
  ~. z7 q+ B! T  v   if (superballRunning == true) {
9 U! l. {. O. [" t, A      calculatePosition();& E+ i! o9 f+ ^: w8 h: Q
      if (document.all) {8 e5 @/ _2 ~. r- e4 L8 B+ b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;0 K+ m7 x" p* [$ h
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& R$ F9 b5 p: A% b5 f+ n5 H         }
4 H, e/ ?. T2 O/ ]  C7 g( s      else if (document.layers) {8 u" M2 ]; v1 y- V4 v6 X
         document.layers["supertext"].left = xPos + pageXOffset;
. W, l" u" V7 N" ]* A/ a, I         document.layers["supertext"].top = yPos + pageYOffset;. t/ J( R! U* X, `4 L9 W* r. K
         }4 O: \' Z2 U! X
      animatetext=setTimeout('moveBall()',20);
  {3 G; A# T- F1 E7 a1 g, r      }! j) z8 F) v3 J% A, Z8 z9 ?
   }
3 O$ b% U8 m# L/ B0 V: }
6 k7 Y' L* I# ^0 c. G" @, A) ~6 x% t1 Bfunction calculatePosition() {5 a) r* K! O! p8 j3 h0 I9 J
   if (xDir == "right") {' F) q- D. n+ K( h
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ O9 @5 g/ }9 q, I! b: s
         xDir = "left";- ?! v8 d7 q' \3 {4 H
         }
. E8 {+ r* S) I8 b! J      }
/ Y9 t" r. h  V   else if (xDir == "left") {
  l. h" `% N8 B* \) X4 Y      if (xPos < (0 + BallSpeed)) {
& E8 K+ }& |: y9 W& I( a1 E         xDir = "right";% g% m. l! a/ J+ L6 l8 O  U; g" }
         }
, [; A0 \4 g6 q% _0 x      }* d4 P# T* p: U. J# Q
   if (yDir == "down") {& K5 U1 U5 _* @3 O
      if (yPos > (yMax - contentHeight - BallSpeed)) {
$ j' n* B+ v# P+ t4 p6 E; {& z8 F         yDir = "up";
" K3 n, e8 D8 }+ L: f2 V9 \5 {0 ~         }$ R- _2 g6 W/ T7 \" E
      }( Y8 q9 u. I6 |, [) }1 l
   else if (yDir == "up") {
* J4 G4 ^  o2 I. p" e1 X) A      if (yPos < (0 + BallSpeed)) {
. f0 z- U3 n7 W8 m  ^  ]         yDir = "down";
( S0 y; f( F# R         }! m$ A( r/ L9 f3 G6 A+ Z" L7 N
      }
9 q* t" ?  D: h. H  W+ I# E$ F   if (xDir == "right") {
! I8 S4 y  N1 u9 V1 _5 ^! `      xPos = xPos + BallSpeed;0 |) t* m" J" t3 N
      }
8 n) M6 ?# e" J2 u& a+ O, U2 F, Q3 x  _   else if (xDir == "left") {3 Z) f# U; u5 s& F8 _  F
      xPos = xPos - BallSpeed;
0 {8 [2 M8 Z( ]! {4 G* ~, q, a3 E      }) K7 e$ v1 Z% x$ t" @3 Q$ K
   else {8 k7 E  p* z7 t( y. T
      xPos = xPos;
: i* @$ W# ~$ ?! j& C* h5 A1 J1 F, F      }
, Y8 V: F( j6 ?3 O( e   if (yDir == "down") {$ G$ U; v- r2 ^2 G
      yPos = yPos + BallSpeed;3 _2 T+ i6 Z" Z; T8 p+ o0 Z
      }! f4 e% n) ?# W+ U" c; [/ H- n
   else if (yDir == "up") {8 M( e9 `( g! w4 O. k0 S
      yPos = yPos - BallSpeed;
$ |- [9 t5 c- d6 Q/ K2 c, |      }# H$ ]- {& H, Z: V4 \
   else {+ z5 U) }, m1 S+ I9 ^
      yPos = yPos;
: ~% B6 v' E! [& q) c3 \/ G5 x      }
* f% d, \- H9 k2 G   }" z0 Z& m& x7 i5 \" H' K
6 y+ w, ]9 b* y: b$ r9 W
function hidetext(){
& a% `) [: \/ ^if (document.all)
5 `0 Y. q" X( w% S' Asupertext.style.visibility="hidden"
5 K+ q  Z' q: d" K2 kelse if (document.layers)
& `! Y* I0 o! k9 P8 g! Mdocument.supertext.visibility="hide"! K! U7 ]+ {! Z  F, Y
clearTimeout(animatetext)
7 D* L( w) P/ v7 o}0 b' i* p( V3 a9 l) T: }& k% c
  n: L  M( C' k# x8 A: f( e, ^
if (document.all||document.layers){# V, H8 L6 m0 k* j
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' G- z3 s2 s) v# Z
window.onload = initializeBall;
# A) d7 y6 a* M$ [$ G6 lwindow.onresize = new Function("window.location.reload()");6 r5 k: r1 M% L( \* u, P* v2 E
}0 S5 _6 n' W# b4 _0 N
& ^' v, \; `9 v- T& z! [
</script>