返回列表 发帖

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

<style type="text/css">: @1 I8 l3 L: G+ G7 X
#supertext {
' j8 T' f2 t( Sposition:absolute;
- }1 B! _) o  n2 Y% M3 [( m% D% Xleft:0;
1 }& C( A" x+ e4 Q2 {5 Atop:0;6 ^7 I7 P* ]; |) F! Z. _
visibility:hide;% a3 s, n/ ^* q& l. k* Y4 d* @
visibility:hidden;
$ x2 G! S1 R1 ?% v+ e}0 I( a2 f8 D. A8 ?. j
</style>
' p3 ~/ |; y: O( }- g7 B<script language="JavaScript1.2">
$ e: b; x- j2 U- o<!-- 改变下的字体的大小。颜色-->* V- _, x$ \6 E( J, k: Y8 G, e
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 N' `7 s, u& C' c7 y4 Cvar hidetimer='';: D7 d' p, T% @% e0 X
<!-- 改变下的弹跳速度-->
9 L# H1 w% {' o' X  rvar BallSpeed = 20;) Z0 @% u/ v7 R. b7 _, P+ H  z7 @, [
var contentWidth;3 ]9 h/ ]& Z  `
var contentHeight;
/ y: ?( A* q, M, J, Rvar maxBallSpeed = 50;
: d. I! R: i. L0 S* s  I/ a1 x# R9 l, Z. D/ @
3 o% D9 L5 M& ]0 e
var xMax;
# P+ k+ y! S( mvar yMax;) N5 z8 o8 }& m' L6 F7 u$ F
var xPos = 0;
1 d) X. Q% V3 s* m6 Z$ N) Ivar yPos = 0;
+ F" f* h( F; jvar xDir = 'right';) R% G& L4 N: B% ^- H
var yDir = 'down';7 L  g% t: U7 p6 K" v
var superballRunning = true;
3 K5 ], @% m% R2 ^, Cvar tempBallSpeed;# A3 @0 ?2 U$ R
var currentBallSrc;
  A1 M6 m1 G& \2 Ivar newXDir;& h) X) h/ g1 G% L4 o
var newYDir;
( M+ x6 l) s  O9 a- b2 Z3 Y, ]2 t$ \' I
function initializeBall() {
- L& P0 S% A; J9 `4 a   if (document.all) {/ F' N8 X2 \9 h( g% o
      xMax = document.body.clientWidth
% y2 a; P% q, S/ E      yMax = document.body.clientHeight
1 @/ O, g! s& B% ?2 V      document.all("supertext").style.visibility = "visible";
3 k/ [8 |) e, l* Z9 w) M. q      contentWidth=supertext.offsetWidth7 v; O3 v& L2 L
      contentHeight=supertext.offsetHeight+ x8 Y( A  C/ @1 `5 s! n2 W
      }/ v+ Z# _! k9 `
   else if (document.layers) {
# Q: a8 L" ?. B      xMax = window.innerWidth;
  H5 x! ^0 V0 L( a  {+ S  A      yMax = window.innerHeight;0 B( G3 n, [. ], e$ g4 a+ r
      contentWidth=document.supertext.document.width
% ^/ j0 T% W& P! |      contentHeight=document.supertext.document.height. \' z4 F  Q( s7 _  A1 v! e8 i, K
      document.layers["supertext"].visibility = "show";  r2 G0 R7 T( o
      }
) W8 o" F7 z& p  Z5 Q   setTimeout('moveBall()',400);
4 Q* H% n9 X! h" q   if (hidetimer!='')
( w0 O$ {* s- T* b0 B   setTimeout("hidetext()",hidetimer)! q) \( @' [# c6 B/ ]/ Y! M
   }, B# ?5 @" ?' t5 P& j, v
& l; n0 v7 s' c. C) ~
function moveBall() {. z+ b* m/ R  E3 s9 T+ @  i
   if (superballRunning == true) {* L+ M6 P+ j5 s$ F5 W
      calculatePosition();
) y- C# U, J9 T, n      if (document.all) {# x5 M3 d4 h' c- R4 s" c1 B5 [1 i
         document.all("supertext").style.left = xPos + document.body.scrollLeft;- n. ]) C  e6 x. `2 p4 J" A2 k
         document.all("supertext").style.top = yPos + document.body.scrollTop;
( C9 ]# z& A* J; y         }5 B7 N2 R3 O7 D: M
      else if (document.layers) {
) \9 w' i4 ]9 c, D# g7 x% L" l         document.layers["supertext"].left = xPos + pageXOffset;
9 L7 m' T$ L2 t& H5 P) w         document.layers["supertext"].top = yPos + pageYOffset;
* N4 x  _: p+ W% m( u& ~6 ], d         }
# T; _; Y5 T7 w, ^8 o      animatetext=setTimeout('moveBall()',20);
; B) ^3 j' c' r. E0 `5 ^% X      }
/ _! P. o5 g8 ]   }
4 [* `# D1 _  d3 k+ f9 k% f( x* T) C  Y2 x* Y
function calculatePosition() {
9 N) ^- f9 |3 ]- _/ U   if (xDir == "right") {
. j- t. p" h) Q; c0 h; C: W      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 [4 L' D1 m5 R. X2 e         xDir = "left";
& S- C- j0 Y# K% ^' }8 c         }
, Y, d( {. i; J( ]      }
* a4 O5 i. x6 X2 m   else if (xDir == "left") {
; N; ?5 j5 N% N! W8 v3 x1 V      if (xPos < (0 + BallSpeed)) {
; l( v: k3 g, w* D         xDir = "right";
! [. d! y: P, u/ |         }, }( Z, U' o. F4 D+ F. O) B
      }
4 y# e2 c9 ?$ c# J9 ?' W   if (yDir == "down") {
  v0 |' G5 x* m$ S5 \9 h      if (yPos > (yMax - contentHeight - BallSpeed)) {, _$ `" Q9 c: Q7 V1 r' `
         yDir = "up";  ^8 m  ?: v& Y6 n8 `9 `
         }+ {% e+ O  t( \% f! F2 r' e5 s$ ?
      }- w8 H- b4 Q* ~3 ?0 O/ k
   else if (yDir == "up") {8 ~6 P* m6 `$ w8 y6 B
      if (yPos < (0 + BallSpeed)) {5 ~; c% d& z5 u6 r4 }% Y& l
         yDir = "down";
' _( r; \! M! p         }
6 O; g5 @1 F+ ~! E. @      }
" w* o: X* |& v/ Y& o- _   if (xDir == "right") {
5 U9 H5 @6 i! h$ ~      xPos = xPos + BallSpeed;( t4 d6 z5 n/ y! d; g8 X% }* r( _
      }
3 A/ m5 T: P+ g& A5 J3 [   else if (xDir == "left") {8 I2 x1 e0 V! Y$ I+ o
      xPos = xPos - BallSpeed;3 {1 s0 G6 ?9 |* w; N
      }, E! ^4 X/ L8 J8 y
   else {
. J2 f% c5 E( B      xPos = xPos;% [0 T5 I& g/ P$ }4 [0 D
      }/ B( y, y( Z' |2 ]5 _* K8 l0 e
   if (yDir == "down") {' e- B3 c# i5 M' n, u& Q/ n
      yPos = yPos + BallSpeed;
& }4 m* Q, n. ~7 |' l0 O2 v      }8 A- k* ]! X0 h; B3 u
   else if (yDir == "up") {  ^- x; a8 o4 z8 `3 R
      yPos = yPos - BallSpeed;' R; Z( ^$ v8 j, o  e/ b# K) e
      }
3 ]$ V' P, k+ W( H1 U0 F% m   else {1 O) W& ?2 X( r) F1 o8 W6 u! i' D
      yPos = yPos;  Y0 X& Q3 g$ h; d; s2 ~; z
      }, `5 K& k  h! @/ t. P; w3 b
   }
4 h2 b# ]9 E& u; r: ~, J
8 y/ Y0 e4 O9 ~function hidetext(){& g; f/ P2 \$ e: J/ B
if (document.all)
9 O% D" {& ^7 {; Tsupertext.style.visibility="hidden"- C: \- l9 T, @% t
else if (document.layers)- E8 W6 U/ {% R9 j; n: d9 i7 E8 O
document.supertext.visibility="hide"
( w/ V, j9 X4 `! V# L- h1 B5 gclearTimeout(animatetext)
( l9 c6 w7 q, b  i( H}
+ `- Q+ X+ U+ n) i( Z% T: Z6 {3 y9 u+ e, ^. ~7 b- t+ i
if (document.all||document.layers){
, U  I. m6 a- P' Tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  e/ T# ^8 i- a6 V) G" r0 k0 Z& A
window.onload = initializeBall;
" e1 g0 e+ @4 m. y( d4 S0 R0 I  Bwindow.onresize = new Function("window.location.reload()");
6 ]7 G! k9 C! `& `}3 z3 {5 y8 P# f) H% \" S0 l5 S

, K( [, B5 H0 k6 b* u7 P$ T</script>

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