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

zw2004

<style type="text/css">
6 ~, W- L" S! N( E4 u, b3 E7 i#supertext {
0 b3 C- w: {7 f- P9 Rposition:absolute;7 A4 i& G/ z6 A8 U' ~. _5 v
left:0;. A9 y3 x4 R/ a: O# b1 v* ~2 e; F
top:0;* [  H; j, Q6 ]" o
visibility:hide;6 Z: b% M& }  D7 i; t
visibility:hidden;
0 |9 `. U3 h  H! U! s# Y}" \' e, b+ Z, M
</style>
/ R  L; \$ p* t6 r9 ~) f1 \<script language="JavaScript1.2">
8 d1 ~( z) q& d7 v' @% Z) S<!-- 改变下的字体的大小。颜色-->/ L6 \: K( a# a* X, k+ N4 X$ w* J
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; l9 U: }  C) {* b4 r* A7 }9 Fvar hidetimer='';$ k6 a$ B" |8 @8 R$ D) k. n6 M( c
<!-- 改变下的弹跳速度-->  w: z$ C& k$ s$ t) U+ ^
var BallSpeed = 20;
9 b6 F5 b+ g5 n$ v8 Kvar contentWidth;! {  a: r7 ~8 w: V; W9 M
var contentHeight;
% N3 s, x  y8 `var maxBallSpeed = 50;
' z' r; y( t" o5 _) f$ C3 p, D/ X7 i
0 ~, a" q# h0 Z. ^' M* ~" N, X- X0 i3 d  H* M& ~! ~0 B
var xMax;
' S. w8 j" L5 {, r9 A- d$ lvar yMax;! d9 q* g& d" {3 a3 J5 M9 |
var xPos = 0;4 `7 f0 {$ w1 G; Y
var yPos = 0;0 s/ i+ U" s3 `" Q, E. k2 b8 o8 f
var xDir = 'right';
& A2 ~! s* @( Z, x2 V6 Evar yDir = 'down';! n0 y7 w+ V, a4 U
var superballRunning = true;
6 x- x% P0 Y; @- k. Rvar tempBallSpeed;
' D8 U0 b# [; y8 ^3 tvar currentBallSrc;- @2 y/ @3 N7 [
var newXDir;6 u# y! W" A2 q  k2 W- E
var newYDir;
+ a; N7 U  J8 B0 m: q8 Z' e
8 y2 D+ C0 ~% V9 lfunction initializeBall() {0 k: P* T/ u% h# |# l8 i+ |
   if (document.all) {3 G7 ]  z; U6 m9 Z* n
      xMax = document.body.clientWidth. k! a3 Z/ a8 }3 b$ Z5 J' `
      yMax = document.body.clientHeight
4 g! o8 y& ?0 B% f4 ]# x. k8 n      document.all("supertext").style.visibility = "visible";" X0 z) I$ K0 s% c! @. u9 K
      contentWidth=supertext.offsetWidth
  L) `4 v" M. N      contentHeight=supertext.offsetHeight4 Q, W) Y; Z1 l0 I
      }9 s5 k8 i/ R( d+ @5 y, v
   else if (document.layers) {& n# j* Q1 H: T% A3 p9 C
      xMax = window.innerWidth;. Q2 d& Y8 U' V# k. [+ [& }
      yMax = window.innerHeight;6 a- X1 L: [% x3 y) Q( ?
      contentWidth=document.supertext.document.width
$ C. w  M, A# D  R' i) e+ G2 `. E      contentHeight=document.supertext.document.height
% t9 u0 ]6 j* M% x      document.layers["supertext"].visibility = "show";( ], {3 x6 |$ b$ S9 t7 {' a( G
      }/ c- S1 f# h' m8 g6 L+ J: ~2 W
   setTimeout('moveBall()',400);' g$ G0 j+ l9 S. k7 I! `
   if (hidetimer!='')% U0 K" f( W) r
   setTimeout("hidetext()",hidetimer)) y  N/ K- G3 K( K& a! b
   }  t# e% W/ [3 I, o( g9 i  O

" `  Z) {3 A8 W0 u# jfunction moveBall() {
- y4 @! G& b# k/ _   if (superballRunning == true) {( ^$ o! k; F/ w) w: L& c
      calculatePosition();( Z7 Z2 V# x7 L, Q3 Z2 k
      if (document.all) {
' n* F% j% X+ L/ ?- C* z$ b) \         document.all("supertext").style.left = xPos + document.body.scrollLeft;
; ]: s9 Y# ~* E1 x  X8 M, }' L         document.all("supertext").style.top = yPos + document.body.scrollTop;) M& |1 U/ c7 f# u  v
         }, Q. j! @0 L' T  o& o5 d
      else if (document.layers) {
, k, n0 M( [$ U9 u- m! [; L% q! W         document.layers["supertext"].left = xPos + pageXOffset;
! x! a- K0 R2 Q+ ], Y5 e7 O9 o, V         document.layers["supertext"].top = yPos + pageYOffset;. ^' |- v0 b. C1 [
         }
5 z1 n3 f# m5 n% H. q+ x/ \% ?      animatetext=setTimeout('moveBall()',20);# b7 A1 d. t. v- U% g; a+ Z- B# J
      }
/ b8 o5 @8 |8 P" n   }
: z2 u6 I: M* ?/ T! T
+ D; F5 J, m+ q! _# {function calculatePosition() {9 |  ?" l4 I9 _8 o) H* [+ u  j
   if (xDir == "right") {
6 F+ @8 V) q2 N      if (xPos > (xMax - contentWidth - BallSpeed)) {+ g8 z2 u4 t. w/ K* z2 a* _; E
         xDir = "left";" _* d- V2 R( R
         }
# G. Z- E4 {  L, B4 W6 A      }8 B* F% m2 L5 C) ~1 P+ ~/ ~6 |
   else if (xDir == "left") {; T* b- ~; _& f) \% F& g
      if (xPos < (0 + BallSpeed)) {
. U7 W% n3 y( l3 p; m1 _         xDir = "right";# u1 ?5 }2 X. S$ M
         }
3 d1 N7 @5 a. e  j4 D% ?1 ^9 }      }
- |  Q6 G7 L# `* z) S2 U5 p# _" Z   if (yDir == "down") {9 o. I0 _3 B9 m6 |" ?, s6 {
      if (yPos > (yMax - contentHeight - BallSpeed)) {
' b' _7 e" i, g0 |; `         yDir = "up";
: z5 ^7 D( B$ e+ p  Y# E5 H         }
0 f! x/ y/ a+ {: `" k. T* j      }! U7 L6 K* |; d/ i
   else if (yDir == "up") {
3 [4 [, O8 O6 l( J      if (yPos < (0 + BallSpeed)) {  l" u; ~( b, C/ s/ C+ z
         yDir = "down";% T6 P' g6 w7 S0 P* h
         }. Y, i. e  N: G9 y
      }
- F8 i8 |, N  H   if (xDir == "right") {
0 U6 p2 }+ [7 r0 f      xPos = xPos + BallSpeed;
; p# w) p) {& |+ t! V% S, l. C      }9 e7 v! n' D( @( z4 y8 o
   else if (xDir == "left") {+ y5 O. ^. B3 {  s$ j* a2 y
      xPos = xPos - BallSpeed;5 O4 V* {9 b" V
      }: o: W9 u; f) Q9 R3 O
   else {  F, D8 w7 M% I9 ^
      xPos = xPos;
3 ^8 G# d" h! V3 D+ n      }" |5 _/ j3 q( [+ M
   if (yDir == "down") {
% ^& P2 b4 B% A0 B      yPos = yPos + BallSpeed;
$ T; W7 q- {* @0 J  t' V. e      }# d, n. [. h: h$ s0 r% k5 N. |
   else if (yDir == "up") {$ d! b: r5 G/ w9 x, ?& @6 C
      yPos = yPos - BallSpeed;" i( A% _$ m$ g) H9 v5 ~+ @
      }
. C) d6 x) H6 R! n   else {
: \1 g# Y6 n. c2 _      yPos = yPos;  w' q$ r# c7 `
      }1 j' n/ b1 |- w5 X6 K
   }9 s' w, H: q  ~8 D# t

  n9 a; E  O) b9 S1 w' R# ^; Pfunction hidetext(){& Q. e) G4 e1 U( }9 g" P
if (document.all)' q5 ~% s/ \& N8 L# I3 U
supertext.style.visibility="hidden"
0 C+ i4 A# F( K& ~' }  Uelse if (document.layers)
0 D  v+ n; i. B' h& P7 p2 T$ xdocument.supertext.visibility="hide"
' X( s: @' n1 t5 d1 |clearTimeout(animatetext): M5 `4 e. i" ^
}: i5 H& N- i) k( Y/ N6 {9 ^; l! ?/ }

) g" g0 |4 N8 @+ I! Z% Tif (document.all||document.layers){
2 z5 c5 T" i4 h2 _0 j# G6 x9 Ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" P; }' w" ?4 g
window.onload = initializeBall;6 R9 [# E% C# b' s
window.onresize = new Function("window.location.reload()");2 k9 G) R* u8 U& E' R2 G
}
! |! H6 L+ Z" L% |9 N. K/ c+ @! J& ?+ q% v' K) x% M1 e
</script>