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

zw2004

<style type="text/css">5 B* j! _! k% X& k0 L  ]4 `5 I
#supertext {* t2 i/ s4 o: L$ [4 V' t8 i
position:absolute;
3 ]4 D: [2 |; V! L! T/ W5 Aleft:0;
" s* X; E/ r- R, B& wtop:0;) r! y# _' X) ]/ e/ {) S# ^- \
visibility:hide;3 {5 F0 M9 W( g! f8 S% ^1 `
visibility:hidden;
" M$ E- }5 ?) R9 Z0 m8 S) h" _4 ^3 k; K}
2 @6 a  ?1 T( h1 A7 H</style>1 I" }/ [- l+ s) [4 u- [
<script language="JavaScript1.2">9 l7 A9 ]+ X+ A9 l$ {/ o# J5 x
<!-- 改变下的字体的大小。颜色-->
" j! U, t5 P9 ~$ i& l& e1 o& \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- [* `" y& z# f! X4 x
var hidetimer='';
& }" n) h# a3 b. N<!-- 改变下的弹跳速度-->1 P- O& d$ }, U, f
var BallSpeed = 20;
6 g6 [% A2 b% w9 B3 ]- Dvar contentWidth;* {! [1 A/ V" t
var contentHeight;! W2 Z4 O) j8 \  M: J6 ?6 l
var maxBallSpeed = 50;5 H( g; n. E* i+ g# {3 J* D" Y0 u
" U" g5 N9 g8 c0 I

& n9 [, A* c+ [, svar xMax;
6 _6 `) S' K* g4 {. |var yMax;
( ^0 X  f% A3 Cvar xPos = 0;( X' u) `# t& j& R) r: a" M
var yPos = 0;& a$ V( O6 H* }+ }' B
var xDir = 'right';
, {8 q- h1 r8 e; y/ u) }" ^var yDir = 'down';
2 e6 p4 _; a: e' t/ {9 vvar superballRunning = true;
: ?" z6 n4 j  X, ^- Zvar tempBallSpeed;
6 E2 r' E8 M- e! I; }: N+ R. Ivar currentBallSrc;' y" J0 ?4 o3 m7 E* O2 u
var newXDir;
+ c- ?* H2 Z0 R2 G$ bvar newYDir;
: W. {. F) @2 k+ G- L" D* N/ o; N
! w/ T0 J2 J3 H4 }8 ffunction initializeBall() {0 b1 O, L1 p8 U+ R
   if (document.all) {3 l8 |5 }& T, c4 k# D
      xMax = document.body.clientWidth* [- R$ k2 P# j
      yMax = document.body.clientHeight& p5 J" ?6 `& A
      document.all("supertext").style.visibility = "visible";
0 G- n% v3 U4 B$ k% ?% t* k      contentWidth=supertext.offsetWidth
7 z* {" c7 x0 h* M. z4 ?/ X, ~7 L      contentHeight=supertext.offsetHeight
# y: D/ z/ u+ n; N) s2 I- u# E      }
) C  e0 Y" A# `   else if (document.layers) {
6 P4 P4 v' ~$ `5 F& W2 L& c      xMax = window.innerWidth;0 c$ L) L5 k) r$ B# p9 ^, J0 I
      yMax = window.innerHeight;
  [9 u& b" i9 p2 ^4 X      contentWidth=document.supertext.document.width
, x, s5 g, c4 T3 o; r      contentHeight=document.supertext.document.height
/ s7 L. s0 _+ l) _, W1 H      document.layers["supertext"].visibility = "show";- t8 R# B4 s' p4 y
      }/ G! N) O1 E# k$ o  w1 e& C6 [
   setTimeout('moveBall()',400);
$ z7 r! V' T. u, ~; l7 m   if (hidetimer!='')& N5 }0 n2 x" W! j4 I- [1 X
   setTimeout("hidetext()",hidetimer); ^4 e# A$ [" g2 N
   }9 o! ~0 c8 f& Q" [7 r0 q# j& {

) |: ^, H/ ^2 W; K7 g/ @function moveBall() {  ]' y4 X! M) N+ _
   if (superballRunning == true) {% O2 k3 j2 k( V; \3 O- n$ y5 j# N
      calculatePosition();5 d7 \! w/ O5 F8 y- _0 K4 E/ X
      if (document.all) {
- q. E) [5 D" S5 @* {" `$ \         document.all("supertext").style.left = xPos + document.body.scrollLeft;  N# _3 l) Z% k" T# P& o9 z
         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 l# K4 K- @9 g" W9 X" ?         }; F; R' D& ?5 x( {
      else if (document.layers) {* A( v! X( B, C* O: y
         document.layers["supertext"].left = xPos + pageXOffset;5 ]4 \- W3 I9 x8 k: Z3 |2 {
         document.layers["supertext"].top = yPos + pageYOffset;2 ]4 [2 Y, |% K: v6 }+ R
         }- f" r, @) ?1 f9 W# D  U
      animatetext=setTimeout('moveBall()',20);
- X5 L" ?$ N: E4 @& u* n3 n      }
$ E3 ~7 w& I5 O0 {; S; X/ `7 R   }
2 p! d* y9 r3 F! ]: V+ V. E8 I; C! ?2 Q: w4 t* ^
function calculatePosition() {
) }5 t$ m7 O' M: E, E$ L' n; M, n   if (xDir == "right") {
; c5 @# o5 `; J) ~( Z+ x      if (xPos > (xMax - contentWidth - BallSpeed)) {! Y& C8 v9 G7 Q  }  F9 V" h
         xDir = "left";
' c; J1 p; ]; Q. y. t+ {         }
% D0 e; I  s% S      }
3 j0 p% V* W( F* J) z% U   else if (xDir == "left") {2 g& _5 P6 x4 `* F5 w) n) ~. S
      if (xPos < (0 + BallSpeed)) {- I6 X( S4 g' }$ L8 [1 }
         xDir = "right";& B; `, g" a) ?$ O3 J; z7 y$ E0 E; C/ F) b
         }1 Y  N% `9 i. z- m: |* f
      }
1 Z9 M3 T+ D# F   if (yDir == "down") {
8 N5 k! v8 L  b9 G      if (yPos > (yMax - contentHeight - BallSpeed)) {( |  W, H$ E% s0 \, e
         yDir = "up";
8 Y+ z' }+ _: m" I/ q         }
( |2 J' D& J& w. ?7 k      }
8 Y$ S( q2 d0 }; U   else if (yDir == "up") {
6 P; @' Z% P0 n8 q) K+ L      if (yPos < (0 + BallSpeed)) {
2 v7 D. h# O( {+ p         yDir = "down";4 Y/ `$ m  R6 f& ?3 ?7 p  p
         }' W0 i7 p0 ]% y. [
      }
0 u+ C8 p+ n+ t& C: m8 @   if (xDir == "right") {
/ D9 n* v: G$ O# v7 k4 x( v      xPos = xPos + BallSpeed;  f7 [, }% E+ |+ l9 S- {& {
      }
/ [, F1 W/ l- w% q4 B   else if (xDir == "left") {
( F! |* y* L9 K+ [5 }      xPos = xPos - BallSpeed;
% I+ H+ {3 Z% [. X, d+ |4 m4 L      }/ b8 z' {! l# Q! j, F$ k
   else {
8 r- {* K. n! x: h      xPos = xPos;" u1 l( {( C/ H) Q" l. p+ f
      }& ?2 `0 z9 {# h! E" ]
   if (yDir == "down") {
, w6 H% q" M' L/ r      yPos = yPos + BallSpeed;/ `5 l' s8 A% F
      }
# p1 X0 n# T1 M( j; w* a5 ]   else if (yDir == "up") {* g2 G* ^% T7 q2 Y  m
      yPos = yPos - BallSpeed;
" l% p& i/ d8 ]$ O$ v8 Q      }
: X- f- F  g. e% `" B* A   else {
  i4 T2 [4 g" w5 \      yPos = yPos;, [3 l- k- e+ a) r% W! }
      }/ L4 g, V  b& |1 u$ b
   }  m2 l" C2 u$ U0 Q# ~& i8 t
' t+ o$ x: o# u% P
function hidetext(){" V" X. }9 n3 u7 ?3 M7 O  b
if (document.all)
! X5 }; f4 o* C% d6 fsupertext.style.visibility="hidden"
: Q( L  d+ P2 }6 I1 \! H: Aelse if (document.layers)3 g( d. J" U) S' q
document.supertext.visibility="hide"
* G* c9 }# i- E. j1 s2 |4 bclearTimeout(animatetext)% M/ T3 u4 y; ~4 s* T6 ?  I( }
}
( u; ^& K0 n. s3 E+ I* T$ e( G# G/ J# D7 I9 n4 ]6 q
if (document.all||document.layers){( v! |7 d4 e4 L- S* J$ R' ~( Z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! A0 w( h3 \" z; G! B: m, \& lwindow.onload = initializeBall;
1 P- v& m- Z' A( qwindow.onresize = new Function("window.location.reload()");
1 G) u3 Q3 e. V}, Z) Z- y6 U2 `. l$ m% {  d

3 M# H4 L' ~. M/ I$ V</script>