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

zw2004

<style type="text/css">: E, H6 B5 k* ~& v% U1 q
#supertext {
. Q) K' P# }, ^: Q. f2 _. Fposition:absolute;
1 i) Z2 X0 |5 W4 P/ y  S' P. C8 Ileft:0;: g/ b" R% F& u; x, G
top:0;  y# J/ h" [$ j# m& Y6 O) y! `
visibility:hide;' x1 r3 j5 \) f2 a5 I
visibility:hidden;+ u' J, s. Z* c6 V- ?! v
}' \, p, R( B$ }" ?
</style>: [- i4 L; S2 ~8 V
<script language="JavaScript1.2">
; ~9 y& Y: _+ D* B  o7 H( r<!-- 改变下的字体的大小。颜色-->
. {$ T5 b. x6 C5 X6 H8 \" c( L3 v3 ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 o! Q/ ~2 ^8 q+ G; O  f) r1 `
var hidetimer='';; }2 V  S+ a, }. ?: C; |9 K* Y" ]
<!-- 改变下的弹跳速度--># r& e( S" `1 D1 D# ?$ a9 m
var BallSpeed = 20;
: r& {8 f4 I% u& Kvar contentWidth;
' b& S6 ~% g, M9 `2 Y2 v  mvar contentHeight;$ \- D" v/ j7 x) w
var maxBallSpeed = 50;
# k/ K8 v4 O( o8 @  G6 y# a" P, s" C7 p$ `9 O
3 v- F1 ]' y) E0 ]
var xMax;
. }- g5 F6 r' u7 H" l+ rvar yMax;
+ A! V4 p; c% Cvar xPos = 0;
+ G) R2 A- ^, n! b* F0 A4 Evar yPos = 0;& @- g$ Y# o  W8 Q) ]( r
var xDir = 'right';$ u( K, x. G$ @/ ^- q+ m3 [
var yDir = 'down';2 Z- |' _0 C, x% j% I
var superballRunning = true;( A: R0 {. ^' L" {' n4 J9 V
var tempBallSpeed;* k0 u/ B4 o# @. X
var currentBallSrc;
9 s% E, ]9 S9 g; vvar newXDir;
: W- }. T$ M4 @( \- \var newYDir;/ z( A- z0 q' b- C
+ E" v1 Z2 \4 }- C7 ~
function initializeBall() {
8 b" Y% h& |6 m. M: l) R8 D( H   if (document.all) {' g) i' p+ I: _+ S1 v- ~
      xMax = document.body.clientWidth) [  _. H; z" Z6 [6 b/ T$ P# p- O
      yMax = document.body.clientHeight! V% U$ X5 f  c6 v' Z
      document.all("supertext").style.visibility = "visible";
" a; w0 G& H2 U4 f; k      contentWidth=supertext.offsetWidth; t; q2 }" v  c/ A  x# C" u9 a
      contentHeight=supertext.offsetHeight0 P: G+ y  O7 C/ `( }1 e
      }
$ z0 |8 W! |/ i9 C4 I( ?( d   else if (document.layers) {
" k+ s5 }7 x" T, w2 N      xMax = window.innerWidth;5 l7 H5 d8 K, x# g
      yMax = window.innerHeight;; l. S; v8 _) P5 j) t
      contentWidth=document.supertext.document.width
: G0 b& U9 w5 g  ^8 @      contentHeight=document.supertext.document.height3 V. `8 f! q4 k! T6 p4 ?" @
      document.layers["supertext"].visibility = "show";5 b9 j" b8 r% _. t& \7 r
      }1 j3 ~4 N% z: Q7 G8 B+ k
   setTimeout('moveBall()',400);
* H  R8 B+ Y% @) f& ]4 `, ~   if (hidetimer!='')
+ E0 y/ o; _/ I9 m& b   setTimeout("hidetext()",hidetimer)
+ U& C- f, K) b4 X/ ?   }
$ r' k5 B# d+ g, I: E( Z, _9 ~/ `8 ?" g3 h9 s$ I
function moveBall() {9 X5 Q; T( _' v. t, S
   if (superballRunning == true) {! ]+ y" L( w  D3 O+ d
      calculatePosition();
3 e+ w' [* I" ?% A; V/ s      if (document.all) {6 X- q' g% i6 x+ u, j- J, {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) u: g- X. V; t5 D/ V1 J
         document.all("supertext").style.top = yPos + document.body.scrollTop;
' d7 c% x( o. h8 W$ \$ y" e: n         }
# n0 c! s& E; @$ E      else if (document.layers) {4 d7 f" _( C/ P$ ?
         document.layers["supertext"].left = xPos + pageXOffset;
0 g3 a2 p9 M5 `+ q& M         document.layers["supertext"].top = yPos + pageYOffset;
# M6 {2 c! k& ~         }
' ^$ O* J/ s- j9 W( g! s      animatetext=setTimeout('moveBall()',20);
; Y/ F" t0 X  m* S7 c      }( [2 F, z: z# X; {' n
   }* d5 F1 D7 [7 r) \4 C% ^# l6 R+ Q
8 o' C" q( \2 G( o$ S
function calculatePosition() {
( s. o) G8 V1 U8 J   if (xDir == "right") {& x' o% \$ Q1 M& H
      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 _- Q: Q0 ]5 M1 I3 T* N+ G         xDir = "left";5 ~& H3 N5 X1 B, U
         }
2 {3 [- ^( u, N      }
3 r- x$ F- q1 l7 J0 O7 b1 N4 G   else if (xDir == "left") {8 O3 T0 q! q. H% ~8 h/ u- x
      if (xPos < (0 + BallSpeed)) {. j4 z9 S- I2 x: e8 }/ s3 O8 h7 c
         xDir = "right";
1 H. ^! K( [! q         }
# y0 W, z1 C: S% c! y# E* @      }
1 E7 U  _: |2 n2 o# V   if (yDir == "down") {/ {& D  z% d$ z0 o1 X
      if (yPos > (yMax - contentHeight - BallSpeed)) {
  `6 f; Z5 a' f$ }         yDir = "up";6 [" f( O- V  z2 g& [  {
         }% q' v9 F: j. K0 H
      }3 u' B0 c  M- m
   else if (yDir == "up") {
% N+ h" s+ W! k) T      if (yPos < (0 + BallSpeed)) {
! t( \) N  F# B' l- j         yDir = "down";- y0 n( Z* ~; D  s# A2 C% l
         }1 a, V) \9 U( E) w# t
      }* p3 k4 Y. E6 b- I/ O# o; ^
   if (xDir == "right") {# y$ x, K7 U. U9 Z5 A  i8 X. ^. x
      xPos = xPos + BallSpeed;1 K" ~, J$ k+ Q" A  g* [, \. |8 N5 y
      }
! q8 a5 ]" S1 y* _* d   else if (xDir == "left") {+ T6 y6 H* X9 r- `6 T
      xPos = xPos - BallSpeed;
2 L/ v5 n6 g, T- t& n  S9 u      }
  G( [4 r: z7 o   else {, T; p/ }7 j2 F1 H+ o
      xPos = xPos;
7 e6 J4 m# e% A) O" [' K      }, ^) `: I8 z) w
   if (yDir == "down") {* C. o& @  h- ]8 _
      yPos = yPos + BallSpeed;& x9 i, s# y8 t* Q; }# D* y2 J
      }
$ J8 g# P1 A1 V  e+ Y0 v   else if (yDir == "up") {. W, i2 I. X3 y/ U6 ]. m" g
      yPos = yPos - BallSpeed;
# `/ j" a' q# b8 A      }
/ B6 k# l4 C8 P  J   else {
0 K' L/ P* Q" r9 U      yPos = yPos;. X" x9 Y2 x0 ~) Z9 G" w' U; [
      }
9 }( w% F, E+ f   }2 h; I( o3 @* `) U. J" B! Y2 x8 m

5 ]( O. H2 `0 A- h3 [function hidetext(){
6 a4 E/ H& _- v  ^! A8 bif (document.all)
6 _$ [+ c8 x, d6 m' ?1 jsupertext.style.visibility="hidden"
, k5 m" B' F( E6 u/ r7 ^else if (document.layers)
& b. e, B# h4 X: y- Y  J7 Z! [document.supertext.visibility="hide"9 C. S  o& C1 u, L" |
clearTimeout(animatetext)
& Q& C* h# F; W) o$ G* l5 z}7 `$ m8 N; L+ ~& h  [2 I7 |' G
& w' n* o, M2 H! A# N6 B
if (document.all||document.layers){
0 O  Q2 ~  f( b6 \( R  w+ Odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- Z' T4 a7 a4 C3 Fwindow.onload = initializeBall;% @4 h' W$ t( b3 b5 n& i
window.onresize = new Function("window.location.reload()");9 |# q3 R8 m. m  [- `4 Z1 T
}$ H3 U" X$ O4 b0 R

7 y" ]4 ]" ^; N</script>