返回列表 发帖

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

<style type="text/css">6 j1 u% o  f' M4 ]- G- j# C
#supertext {
- L+ p3 y) q1 N1 N, i" ]* v: qposition:absolute;
  a' ]7 x' w3 e' Y+ R- g- w2 Uleft:0;
# ~0 y$ v+ Y+ U  btop:0;, N9 g& X! @$ I1 E6 c/ k
visibility:hide;
' w6 v& W2 m% F* G! M" E! Lvisibility:hidden;
6 i( w, Z- z5 K% |& i}
  i2 ~1 Y: L1 \+ V1 b3 N, F6 [7 i</style>! V3 N, J! Y; W( H
<script language="JavaScript1.2">
: b0 L$ r7 ~9 M/ J, X9 x1 `( `<!-- 改变下的字体的大小。颜色-->
% ^7 W. V. E$ `* D7 Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" H% T* W' T  P; j- W, ~var hidetimer='';7 a/ v' q" t& f* o
<!-- 改变下的弹跳速度-->' r& h& p( O' a+ [
var BallSpeed = 20;% h: t; W" p( m4 f5 @) Q& ]
var contentWidth;
4 x" C$ q* {* W$ ?var contentHeight;; b  A! j. T. J( y& m# t' E
var maxBallSpeed = 50;
4 X5 @$ i8 p, a1 {, m  V- u3 x$ K9 q0 Q5 k2 T6 D/ _2 L0 l
* W. r& M# P3 i1 ^7 Q
var xMax;
1 c; c0 c3 N+ @! h; P, lvar yMax;
  h8 _4 t, i$ vvar xPos = 0;
3 m+ y2 K% T. k+ I7 _; Xvar yPos = 0;
$ S! ?  m" R% g( r+ T% M0 k8 s' Ivar xDir = 'right';/ z7 I( }3 F% s) C- Z* G# y
var yDir = 'down';: r. \/ y! y3 n# k# v4 J
var superballRunning = true;
  V* a. p) b( Dvar tempBallSpeed;
* v% X, f9 v' R  svar currentBallSrc;" s6 T+ L* t& {( A2 D
var newXDir;
/ X. Z+ r! ~4 {5 k4 L1 uvar newYDir;
, C6 g! _( u' }1 o/ W. V! Y9 E7 U
" G9 ^/ h. h+ d; j4 }# \" i- b6 Qfunction initializeBall() {
; P: X) R/ i" D7 k* H4 F) A   if (document.all) {. D1 `* d- L& S, Z+ ^3 m+ E4 p- F
      xMax = document.body.clientWidth) ]/ U, P4 o5 y
      yMax = document.body.clientHeight
: H5 A/ n0 c4 }      document.all("supertext").style.visibility = "visible";$ D1 Z$ t  x6 Q$ U) ^* i
      contentWidth=supertext.offsetWidth5 m  G# z+ K. t: e. D$ s8 M; P
      contentHeight=supertext.offsetHeight
# K9 O0 _0 \' ]- ]/ d; \! D      }
7 n0 Y0 F0 v! _9 Z7 d   else if (document.layers) {, S! S0 w! E3 w) C  E
      xMax = window.innerWidth;
# }1 W- ?: m7 g% F& h      yMax = window.innerHeight;
' k' n& y0 \9 b, V      contentWidth=document.supertext.document.width& b0 C6 B2 H# B% x' J
      contentHeight=document.supertext.document.height, Y: V# J. _( J. W6 m
      document.layers["supertext"].visibility = "show";# z. j. |1 T6 v' v5 _
      }- Q; q/ ~# @( G6 H3 [
   setTimeout('moveBall()',400);
7 [8 q. J+ m* X   if (hidetimer!='')  M8 Y& _7 `! q. e- x9 H
   setTimeout("hidetext()",hidetimer)2 i" @! a+ O: B+ ~- Z
   }
6 p3 ~8 q+ ~& Z
+ W& t; Z9 i/ W% Dfunction moveBall() {/ f" M& `* w7 m( J4 m4 D
   if (superballRunning == true) {
  n- i* x! h4 ]% t- N6 p7 v      calculatePosition();* [7 r$ n8 C; M" w2 J# e' P9 b0 ?
      if (document.all) {& f! z/ y: r( ]% [$ G, \& f4 n
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ V6 ]" Y2 N2 v         document.all("supertext").style.top = yPos + document.body.scrollTop;6 j. t6 [$ J6 M2 @) S
         }
, A/ I3 E& r, A2 _      else if (document.layers) {
# h' a5 u) q8 z' Z; x! j. r# M1 V0 Z         document.layers["supertext"].left = xPos + pageXOffset;
  I2 ^3 {' v4 E* n( _# m3 `  {         document.layers["supertext"].top = yPos + pageYOffset;# G0 r* F/ y7 w# b# [
         }! n* p2 v  m7 A9 n% S
      animatetext=setTimeout('moveBall()',20);, J! }9 X$ {. c/ o# d
      }
, {+ \, b2 p8 I" e3 i7 M" y   }
4 |6 c4 O* s! A# O: `+ J) {3 L: R0 q1 i* F6 B3 H! ~
function calculatePosition() {/ H0 O% l0 b# H# I6 x: r
   if (xDir == "right") {% I( H- W6 K- d/ i6 @
      if (xPos > (xMax - contentWidth - BallSpeed)) {  Q' G# f7 a0 ~
         xDir = "left";
$ B' a% z: }" s1 e9 H  }! f$ p         }5 W0 j& H0 ?- x9 {
      }
* O1 h7 `# ~9 f5 ?; J) ], V   else if (xDir == "left") {
3 e, Q/ A; |2 _1 R0 q7 U      if (xPos < (0 + BallSpeed)) {. l; P2 i+ }' n
         xDir = "right";' A! C/ T2 q$ \& f' c+ m
         }
  G' i, V- L% e3 z8 ]8 r      }
/ b) o3 M/ F) q& o   if (yDir == "down") {6 Y9 T0 d* J0 l5 B( R
      if (yPos > (yMax - contentHeight - BallSpeed)) {% A  t# h, z- G7 p% ~! r  S- v
         yDir = "up";
3 _7 W! R1 {8 J2 }, ^& j         }
& z! I) z( v+ g+ N5 Y  A; u6 ]      }
: \* O, t2 S( S) f, c6 O! H" j   else if (yDir == "up") {4 {' y7 U8 a$ {
      if (yPos < (0 + BallSpeed)) {. M: X$ m- k: s0 G6 x
         yDir = "down";$ m' _; U! c& y1 B8 R2 L
         }
. _7 q  N) c6 h5 w( ]      }! n( ?6 w" t# N1 [8 s4 [- s6 a
   if (xDir == "right") {7 S* r' O* K5 k4 K$ r1 k0 e
      xPos = xPos + BallSpeed;
& E& j6 X. A& d% X9 P5 _      }: p/ ?4 Y0 k; Q9 L
   else if (xDir == "left") {
% Q, [# a) H0 v6 D; {; @      xPos = xPos - BallSpeed;+ h2 p9 K  N' w" H( l2 m
      }
' y5 O& ]( M) n. ]  N   else {
# }" Y& m7 q3 A  w! ^( l      xPos = xPos;5 T1 F$ [: j: x  ]+ ?* B- r, h
      }& ?( s3 \* m* _& s" N
   if (yDir == "down") {
" J: I) Y: Z# }: e* F- k      yPos = yPos + BallSpeed;
' m+ f$ D* q. }3 ~6 G/ ]1 A      }
9 j4 m+ f* |7 v9 ^   else if (yDir == "up") {
" b- _- k* c8 u4 Z0 E, {- }      yPos = yPos - BallSpeed;% K. f* J+ W4 n: C7 T5 j
      }) g2 t- g2 B* @3 ?
   else {; [& _" Z% t! W8 t6 N
      yPos = yPos;" V9 _8 E, M0 j% \
      }
0 ^9 Z; n. {9 C; R  ~3 Z0 h+ E% d   }
+ y& i4 @& Z# ^; E/ o( B" L9 ~/ \+ ]/ _- N
function hidetext(){
/ k- l# Q0 C7 x2 R  ^! v! cif (document.all)% F! ~3 h: i( t8 t, C* K
supertext.style.visibility="hidden"* s  S+ X4 |5 K9 Z1 h
else if (document.layers)/ p! ]% }3 I* E( ^" b
document.supertext.visibility="hide"( D) s  _5 E( w/ y% |: H+ [
clearTimeout(animatetext). t4 R; a6 d" Z
}
0 L# Z5 K; w+ k- W! B- A0 A8 l6 ^7 T* {
if (document.all||document.layers){3 ~( l0 o2 n. q- b# ^! B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( c" ^6 D) J# f, T
window.onload = initializeBall;, B+ f" P' I6 k5 O* w' @- ^6 _
window.onresize = new Function("window.location.reload()");1 e' H2 G0 A* q- z$ a! m; A
}
' L. G5 o/ `3 F2 M" q; [% f4 T% q0 Z7 q% |5 P8 v; M8 e
</script>

返回列表
【捌玖网络】已经运行: