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

zw2004

<style type="text/css">: ^! @2 i9 @4 P+ w. `
#supertext {
2 J0 k  {+ ]* Oposition:absolute;
! O3 @7 Y7 C& q1 E: L6 @left:0;' R4 @1 }: e5 m$ k, X3 B9 z3 e
top:0;
8 w! e) L1 P9 g( N, zvisibility:hide;$ W, I. U& @! a( \* x
visibility:hidden;) F: {0 p6 K  d$ I3 m
}/ C, r$ Q: S' j! {
</style>1 [1 y3 e: A& g8 W5 n4 a
<script language="JavaScript1.2">' ^) s3 s( H% G
<!-- 改变下的字体的大小。颜色-->
3 M" c6 Y1 X2 O; o" Dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 X# G2 e& h$ R, i% q( v: \var hidetimer='';
6 r5 o& {; x4 r0 [$ G9 ], w0 @- g<!-- 改变下的弹跳速度-->
1 p8 o3 K: x% O: O& zvar BallSpeed = 20;7 m$ }2 J) c  R( m: H/ O
var contentWidth;
8 c& j& f2 s. F9 v- G* o, jvar contentHeight;6 w# Y8 @, Q9 w
var maxBallSpeed = 50;; D, g- J# N4 x/ K5 A9 `/ c7 w6 t
! H- S5 v* X" L8 P9 j/ X# s' V8 [

/ ?$ @. P  O9 k& a! W3 P& Y5 |. qvar xMax;) v" f% H/ U) V# b( [. Q9 J
var yMax;
" N( m% h! S& p# u4 C/ {8 `* Zvar xPos = 0;' T9 z/ T$ z6 B! l4 {) i4 h5 e
var yPos = 0;/ w% h8 i* {$ H6 s8 i* p5 G8 e
var xDir = 'right';; b4 M0 p# W7 |' |$ |
var yDir = 'down';
3 Y( d2 m5 i! T, Q1 r2 T& uvar superballRunning = true;
) I, J/ E3 F# K/ y& I* _2 I& Ivar tempBallSpeed;) J; C  c0 q2 p5 H% U4 C
var currentBallSrc;
& A  L& p$ X6 E  Ivar newXDir;, U& h# G' x- J; d  ~1 |* \5 c
var newYDir;0 u% J/ G6 t2 O

' K$ x6 X  k* T9 U. f4 }* _function initializeBall() {
( [. _& l; }. l& L( Y. t   if (document.all) {, P) F5 D" d. w6 k
      xMax = document.body.clientWidth
2 Y# d4 `6 e, x3 m" |5 V      yMax = document.body.clientHeight# {5 @6 n+ i' n1 c- V. s- j
      document.all("supertext").style.visibility = "visible";* f( ?& H' v3 h1 e
      contentWidth=supertext.offsetWidth2 r8 s1 D% g6 V" H! B) s! `
      contentHeight=supertext.offsetHeight
; V) A' [( \: T5 W      }
8 U) c3 ?/ K' u# Z: K1 j   else if (document.layers) {
" s. G% f9 J8 s  p( W      xMax = window.innerWidth;
7 C# V$ K3 b2 D  k, @1 v# E8 r      yMax = window.innerHeight;
' ~0 C! @0 E  `" J      contentWidth=document.supertext.document.width
% v! R. e' o3 U! Q* V1 F$ e! w: j: Y- x      contentHeight=document.supertext.document.height
' v* Q7 I  ~3 }2 r5 f1 {      document.layers["supertext"].visibility = "show";
! @! b/ o8 X' V7 E( N      }( q# a! `; F! t$ v% l4 k
   setTimeout('moveBall()',400);
3 x( [/ ^0 J3 L: J   if (hidetimer!='')8 N; d- a& e" Y; b
   setTimeout("hidetext()",hidetimer)
* g$ I/ O8 r2 d9 r* V1 Z; p   }
) v9 Q4 `! J  G+ R/ ?  D: @7 P, G8 b# L, @* n: b; x
function moveBall() {) U* d3 y( f) c
   if (superballRunning == true) {- }1 A4 H5 H* S8 _
      calculatePosition();
- Q8 S' e, o# T2 J* m      if (document.all) {
. c# j. {) t, b' B. ?7 b         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 U' ^/ n6 m0 y; t' O% g4 l, X6 b( |
         document.all("supertext").style.top = yPos + document.body.scrollTop;. C8 M$ x5 q8 {7 B- x  R' D
         }0 K6 Y9 l: v6 _
      else if (document.layers) {' [4 H6 a/ l. `
         document.layers["supertext"].left = xPos + pageXOffset;
; x$ `  \8 ?( i         document.layers["supertext"].top = yPos + pageYOffset;
# d( z8 ^! h, s! V         }2 b( z. N% ^& w: C) o0 g- T& S
      animatetext=setTimeout('moveBall()',20);
+ s6 N' }* |! |$ g      }. K* k$ }, i' f  n* B
   }
+ n$ z& \1 i2 D5 \" K. G# n% I  g+ @7 ~) J
function calculatePosition() {" v. l+ O" E) D
   if (xDir == "right") {9 B# o: @+ S) k7 P
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 H! X3 r0 b! s4 G8 P" Z
         xDir = "left";
6 @8 e* D, L, C1 M1 M8 M6 _         }
+ E7 Y* R, [/ @! l# F1 z" s. m      }
7 x+ |  o4 X" |0 \4 A   else if (xDir == "left") {
' l7 \8 n' ], h7 ~      if (xPos < (0 + BallSpeed)) {3 S* W/ C: h; d4 {, a  o3 z  ?; F
         xDir = "right";  Y' ]' z7 ^0 l9 u" n* Q* H, X8 v
         }
% ]/ M: b4 m0 V5 ^# y+ l1 ]      }2 z" J7 {: ~0 P) d6 X' M' o
   if (yDir == "down") {
2 d! d% v4 }* e9 t- o      if (yPos > (yMax - contentHeight - BallSpeed)) {- g1 w; ~/ K' J8 m1 @
         yDir = "up";
! J& D. h; \  n: Q$ }7 w6 \; \( e         }! F3 \& a  u6 ], q, R
      }
1 {7 T6 ]) J8 q   else if (yDir == "up") {* a3 S, f" H8 h! }* ^6 |4 r
      if (yPos < (0 + BallSpeed)) {
. C7 r- {! ], ~. o5 A2 g         yDir = "down";
1 f! E) j; M/ x         }# d* d! f! w8 c  p' e- i; h
      }# G4 V. \5 w9 [
   if (xDir == "right") {
; Z" f0 |* z$ q      xPos = xPos + BallSpeed;2 S. r5 E/ V) n5 [# C/ E0 h# f
      }
! |% D2 c+ Z( g. N   else if (xDir == "left") {
8 [  ~$ x5 {: Z- H      xPos = xPos - BallSpeed;
1 h& @$ _6 I1 E      }. y2 O2 i" {! M! _' K: x
   else {
# @: U7 f% Q- L" g0 b7 c9 w5 T  L      xPos = xPos;
( J7 A8 A0 U( n" ^) m; o0 O# r      }
% }- i) E8 P. Y- _. m6 A   if (yDir == "down") {
& c/ J7 G; n7 A3 D. G+ r  W0 Y& Y      yPos = yPos + BallSpeed;  T, X# o9 ^9 ^) s/ a0 A
      }
$ y. y% T4 Q. n/ W' U0 K   else if (yDir == "up") {
3 A% X; }) J. u! Q: V- U0 u% x$ f      yPos = yPos - BallSpeed;
. |5 {+ F5 W; i9 b* Z" H9 n6 g  E! l  `      }
8 N' Y# @2 l/ a$ {& X2 V, m   else {9 @& ~2 u% G/ d' I7 k- J
      yPos = yPos;
$ V+ A5 a  r1 [8 d      }
$ t! W' ^! x* l2 r% Y/ C   }
7 p" f% f8 e  S6 B4 s* v) U2 J
$ ]# H4 Q# w& bfunction hidetext(){; F; J- V- l% R/ \
if (document.all)
& L5 |2 d( U/ x1 Hsupertext.style.visibility="hidden"
: \) B& I. T3 k1 Uelse if (document.layers)
2 e' u: w- |3 k* O! q# E/ wdocument.supertext.visibility="hide"( e9 e! R3 X* i% y1 c8 F9 u6 u
clearTimeout(animatetext)
5 M' {, F  I) _# B}) G# G, o+ G/ Y# }* V# T* w
1 I" Y9 @3 \$ F! C) o: Z% P( S' k5 T
if (document.all||document.layers){* N/ T+ R. \4 {9 H0 g) u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 Y0 q2 Z* i" q$ X9 |" K$ [) x- ^( [
window.onload = initializeBall;
  L/ i" q& U+ Q/ fwindow.onresize = new Function("window.location.reload()");
4 p; m$ b. g. P  h; J; n# j, e5 S; ~}9 q' Q, t- }# r, j9 \

4 S6 q" K% g2 i+ U6 T4 Q3 X7 `</script>