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

zw2004

<style type="text/css">
9 k, I: q3 x0 N; S$ x6 ^#supertext {
! p  _. ]6 r& uposition:absolute;6 Q8 j: o3 ?$ l- Z
left:0;
/ N$ h& `( X6 h( g! h( k5 _7 ~top:0;' L+ ]# v' k: J$ Y! o
visibility:hide;
: G) o0 C: W. r. rvisibility:hidden;# L4 \) T/ Q( i3 o4 _: k! g
}
" k7 J) }. I; D& [# w1 p6 e% X& y</style>( `+ k+ F9 z, o5 k( C* Q& b' V& {
<script language="JavaScript1.2">
# q4 W6 O% C; V, u/ Z& ?0 v3 J<!-- 改变下的字体的大小。颜色-->
* p3 r8 ~0 c0 A6 }var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 J! u9 d* k" E% o$ i1 \* i) o4 w" K
var hidetimer='';
1 B* U* ^5 c3 L/ ~. b) ~$ O<!-- 改变下的弹跳速度-->
$ U8 f3 M+ t% {$ m) ^7 `/ Cvar BallSpeed = 20;0 w4 R: _! f  \  \2 Z2 Y0 U
var contentWidth;6 d& Y' h" e- E
var contentHeight;
+ }4 N+ m( _0 Ovar maxBallSpeed = 50;, y, @  }$ A; u% h- i% G% T
: u! `5 u" J# |/ J+ H
. o+ y8 ?6 o6 Q3 Z6 d( I0 z6 V
var xMax;
  J9 w3 |, L# T! ]( X& Yvar yMax;5 W  v: v, X5 |: \4 ~
var xPos = 0;
2 d9 N( E$ m4 l/ t* avar yPos = 0;( h3 t# a$ B. I3 U7 V( u
var xDir = 'right';
) q- a4 x. Y. K7 ]  ?8 |9 x( Evar yDir = 'down';
8 C. [% F. X& K1 L/ nvar superballRunning = true;
4 d( B5 J7 D! i. q* V: dvar tempBallSpeed;3 W& X4 _& p2 c- W$ U
var currentBallSrc;
0 M% |, S; p! Y) gvar newXDir;
- d. P! c7 ]$ g0 C0 ]3 F3 gvar newYDir;  ]% e: h) B+ c+ f5 ?
8 f0 Z$ `1 @; z# F5 L
function initializeBall() {- a. J1 A% C6 o6 X
   if (document.all) {! M' g% [( d) X  @4 i3 l1 Y- f
      xMax = document.body.clientWidth$ V; N/ ?( H: I9 J
      yMax = document.body.clientHeight
3 d9 \; x$ S' y/ e+ x6 U# m      document.all("supertext").style.visibility = "visible";
2 O* y2 w1 D( g& `$ X5 l/ [$ E      contentWidth=supertext.offsetWidth( u* u- I( g7 O$ x5 Q! n3 \
      contentHeight=supertext.offsetHeight
  t1 Q5 G* T0 r/ ?) @      }
. ?7 @% R0 v1 u6 c- @/ e/ z   else if (document.layers) {
! V) _+ j- o6 A) Y* [8 C. @( ~; b, G$ x      xMax = window.innerWidth;1 E9 k2 _5 K4 D# r! Y' m5 |
      yMax = window.innerHeight;
/ J) v# Z9 [5 @1 i; a# ]0 j      contentWidth=document.supertext.document.width
% c# G9 c0 Z. V: f2 @' z' k$ F      contentHeight=document.supertext.document.height
  M' |" p* f) y$ D* l' n1 ~! _: \      document.layers["supertext"].visibility = "show";
) D% E1 q. F0 Z; \$ `      }) t4 P2 h) i1 X& E8 M" f' N
   setTimeout('moveBall()',400);. ]! I- t# M# s2 Q* G" `
   if (hidetimer!='')  `& s# W( q( a$ b1 Z& d
   setTimeout("hidetext()",hidetimer)
* w8 a) W2 t+ D  D5 O9 i0 A4 v% S) Z   }' C# e8 Z$ H0 N  j# K5 d

' O+ v% |! y' l8 u* _function moveBall() {; B* @' W' A4 u
   if (superballRunning == true) {
) c3 }) f' P* Z1 _4 r9 |      calculatePosition();
6 f7 ]8 [0 X( G! t+ [      if (document.all) {; m* Z: S2 M# Y7 k
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! Z6 E) P8 p% P7 b/ M; I* R- {2 P         document.all("supertext").style.top = yPos + document.body.scrollTop;
- K. p8 V( g9 s/ o         }
9 m0 f! M! w) P7 i3 ~, v      else if (document.layers) {
9 `2 j4 L' H1 D7 I# A         document.layers["supertext"].left = xPos + pageXOffset;
  `' A7 V. G+ F1 v9 }% ?         document.layers["supertext"].top = yPos + pageYOffset;+ s; ]4 f* i' }* A
         }
3 f# \% w, q) f/ n. z7 F8 ~      animatetext=setTimeout('moveBall()',20);4 V& z4 v2 t- R0 \: z1 H% T; K" b+ v
      }
5 g8 d( B) r; G2 L0 M   }
. w6 ?& r! H6 j$ M. V! l
+ \9 e; w) r% ?; E$ r: ?function calculatePosition() {& U; V% {% O. K: \3 x5 O
   if (xDir == "right") {8 F& @& O5 t7 U3 y
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" [  V2 t7 T/ ?' W         xDir = "left";
& v9 h- A, V+ }/ ~         }
8 l/ ]& }/ N( Q      }
  @) c. S8 g8 Q$ B6 H4 W! a6 p3 M   else if (xDir == "left") {
9 U" \0 S' z' j8 S  [+ Y      if (xPos < (0 + BallSpeed)) {
) u. Y: u" ]$ d2 ]3 |5 Q         xDir = "right";- T# a: J& n+ {
         }) @8 L4 H6 n- S: p" l( N0 \  F' D
      }
: O' T) U% W! P% k' ~! n. `   if (yDir == "down") {
' u; p! }1 J7 E4 ~  _0 O      if (yPos > (yMax - contentHeight - BallSpeed)) {' }" r5 Z; F& r4 s
         yDir = "up";
, z2 m* ^2 x4 Z+ ], o' B1 p         }5 z/ N( c. |% k! S) J: w
      }2 J( ~6 R; ]& A1 U
   else if (yDir == "up") {! o% W3 |3 O7 A
      if (yPos < (0 + BallSpeed)) {
% w4 V3 r! }3 v+ `         yDir = "down";
/ c* }8 a$ q' _% V* t" d. Z$ Z         }. J9 o' m6 f; j* v8 W% ^' a! F
      }
( P2 C- N; O3 s: D3 X+ L$ X6 z   if (xDir == "right") {
( Q1 t/ S3 d! q3 T      xPos = xPos + BallSpeed;
4 Y2 J/ d# Z  j% E. ^      }, D& p$ m6 k; }& Q/ A1 F
   else if (xDir == "left") {
2 J9 a& E1 v! i      xPos = xPos - BallSpeed;- M9 z, d5 \+ M2 ]
      }2 i" ^% P5 F( I0 S, v( ]6 c8 p3 \3 F( v
   else {
7 L3 C9 [5 A# c  v! d      xPos = xPos;8 S* d% `3 K* V$ I
      }4 t! k: ?* w7 i$ r- I9 ?: e
   if (yDir == "down") {
7 ]# V- h1 ?2 ^& w      yPos = yPos + BallSpeed;
0 v" {6 c$ @+ x      }
) G  |+ [% v4 m* g   else if (yDir == "up") {
7 }. K! B. E: v' a1 g      yPos = yPos - BallSpeed;6 V- @+ g$ S9 \  V+ ?( g/ M
      }1 f" y/ g) R  _0 p/ M+ U
   else {+ V& z! d9 o) P" ~( H' Z7 j3 O: G
      yPos = yPos;" h- M, y7 H+ a4 p3 ^  c7 _1 Y, Q
      }1 C2 o: |% W: c' R) G/ a1 L1 `- g; _
   }
! ]8 [1 s9 `# P- U4 m+ l$ U- d6 K' Q0 q0 ~0 U' M
function hidetext(){
" b6 m9 g" m/ |) E0 W% T9 Tif (document.all)0 e2 z' I/ Z% k, C4 q% ^
supertext.style.visibility="hidden"
" Y. M& h: ^4 L0 W5 ]: x' Delse if (document.layers)" H: A0 \1 O1 K- e6 O" W
document.supertext.visibility="hide"
* D3 `0 d' r3 w# `clearTimeout(animatetext)
2 V6 H* L# G# E5 j) S}
! j8 w. o; Y# m) l2 x
1 N/ y" ^. T! @3 [9 C; @5 Kif (document.all||document.layers){6 ?6 V0 u% h$ U, o9 o4 ]/ y- G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! T( P0 v, S& `* f8 Ewindow.onload = initializeBall;, T) |9 W/ _% i0 {
window.onresize = new Function("window.location.reload()");
$ U: h) H1 p; M4 V9 X: [! q; {}
5 X) }( D; v+ k$ o
+ p- ~1 [0 L! `</script>