返回列表 发帖

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

<style type="text/css">
% s5 u8 k3 \4 N- A3 ~#supertext {5 ]9 f6 d7 F( o- v# e
position:absolute;
" l) w0 `) W7 ^9 x# Q5 yleft:0;7 `$ j/ L) O7 Z2 e' O
top:0;: S5 H4 {. {. @
visibility:hide;
4 Z; n- x! U, _% s2 F& E6 ~2 y% uvisibility:hidden;& I! A: x, E4 a. H$ a' f
}
+ N+ R+ J3 R% w2 g" ]) h</style>8 \# x+ p. r: e, I
<script language="JavaScript1.2">; B8 d5 d" l8 p- ?. u
<!-- 改变下的字体的大小。颜色-->( ?4 |. T& A: m- b. [9 s5 ]4 M( T; e) F
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! [) z: M& v) K7 I# N4 `0 w0 qvar hidetimer='';
  ~- F8 w6 A3 U% E3 V<!-- 改变下的弹跳速度-->
' U9 D, u. \' c* w! g0 {4 Uvar BallSpeed = 20;+ [4 O7 Z* D# ]* L
var contentWidth;
; @6 U" g' y2 K0 W7 m. H) gvar contentHeight;
( t0 a. a* c: ]. c$ b$ j3 Gvar maxBallSpeed = 50;
& W9 l& L" t$ l3 q  v) D
& B  ?3 g2 p- t' p+ J/ h: u# Q5 X3 g0 Z" H2 W
var xMax;
3 p( O- L$ J" B8 w; N& Xvar yMax;1 [* l0 |; r+ }1 g' r) P8 C- U
var xPos = 0;
# [2 ~1 w& B# ]- v7 B# X% A1 Fvar yPos = 0;
. |: `; g3 s) j1 f6 h8 q/ T& rvar xDir = 'right';
* v. n9 D( B0 G5 N, u. ~var yDir = 'down';9 v9 m' {4 W/ a7 F# K3 }0 k
var superballRunning = true;
0 X& x& i# f( L2 Y0 H, Yvar tempBallSpeed;
# n4 n! [: V% Kvar currentBallSrc;
/ ?- ?0 d5 b$ x7 R( E4 g8 ovar newXDir;: H; Q8 F) ?* S( H1 J& d8 ^& H
var newYDir;+ q2 n! d  |  Z& [( I

1 k* ?# ^! c) Q$ n" H5 I% X; sfunction initializeBall() {! n" e& x6 q) B& m
   if (document.all) {" E9 r- |% u0 J( O  u( I
      xMax = document.body.clientWidth! k3 w6 `: G: H" P# A
      yMax = document.body.clientHeight
' m; r* G$ g! d/ _  c6 W, k      document.all("supertext").style.visibility = "visible";
( ^5 o( w& v* p7 X& ^* X0 B  p8 S      contentWidth=supertext.offsetWidth, k$ r1 a: r1 n" }
      contentHeight=supertext.offsetHeight, U' j* s0 ?) L7 D
      }
9 U4 A1 ]% K/ `8 o' |) V. n0 g   else if (document.layers) {7 J  z8 v4 G" }. A& B
      xMax = window.innerWidth;
* F6 {: Q+ K1 n7 {" C+ R, G- c6 c      yMax = window.innerHeight;
) d+ C8 D( d5 P6 n      contentWidth=document.supertext.document.width# n) N$ ^5 n6 M7 k4 q
      contentHeight=document.supertext.document.height) y6 H- p. X" V: W
      document.layers["supertext"].visibility = "show";* Q9 F1 u/ W. H6 n5 {5 z
      }
! _! f+ f, d, d0 c   setTimeout('moveBall()',400);
2 H) I! F6 e- s+ |   if (hidetimer!='')8 i; u+ d0 K9 a* o  _  b0 J- C
   setTimeout("hidetext()",hidetimer)$ ~6 L8 o* R. F+ G
   }
9 `7 Y$ a2 I! i4 `  e+ m
) Z5 s6 `1 ]' i% j1 ^) R1 V+ efunction moveBall() {
* A# p- i5 S/ v. G6 E" Q6 }/ f   if (superballRunning == true) {
' K3 |2 P/ N# \" A, ?      calculatePosition();
+ d+ g8 f4 R2 h, R2 s" Q      if (document.all) {
" L  E2 _- c1 L4 G- J3 H$ x         document.all("supertext").style.left = xPos + document.body.scrollLeft;. D+ y% \" j+ l- z! e
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: D6 a: K+ D2 c& k( c; ]         }; i9 C! F+ H. W+ y
      else if (document.layers) {
3 w; R+ ^! u0 [5 u8 v. R8 f         document.layers["supertext"].left = xPos + pageXOffset;
3 |  n  V1 A9 h$ f' O         document.layers["supertext"].top = yPos + pageYOffset;
6 p2 H7 q, \$ Z0 H- v* Y         }
, H( q7 @- [* u9 P/ i      animatetext=setTimeout('moveBall()',20);
: S- d% ~9 ~6 c/ E5 W      }
2 o2 n3 w/ n% m. T7 e   }$ o( \! n3 `+ m9 f8 F' e8 [' b  i
! h1 |9 `5 x+ b
function calculatePosition() {! E: @0 c8 }, R4 V# H2 i$ |8 Q2 Y
   if (xDir == "right") {
6 _  G; q) A' K2 y  l( p      if (xPos > (xMax - contentWidth - BallSpeed)) {
( ~3 A. w3 L" B" m         xDir = "left";
$ x# I3 `7 V& N" q+ g4 ^         }: W# Q- j* M, C
      }
- F: A  v# T, n" [3 Y2 k9 j+ x   else if (xDir == "left") {& `, Z9 k6 }% N) E" I5 h# J
      if (xPos < (0 + BallSpeed)) {5 W) Z! Y0 Z6 z# m9 `
         xDir = "right";2 E4 O  a. [7 y& n/ e  X
         }
' y( \; y9 w) A0 g( v      }
6 x( v2 }' Q0 H   if (yDir == "down") {3 y6 K: {4 C) ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {, |$ E7 o+ A% @" j& |; o; y
         yDir = "up";
7 {6 F5 Z8 t- L# G! k         }
& V- D- k* C3 o/ Y# J      }
1 `5 z/ m* S% P   else if (yDir == "up") {" z% O: }/ x% V
      if (yPos < (0 + BallSpeed)) {5 B; ]* T+ _! h8 N1 G
         yDir = "down";6 \4 ~. O$ \9 ]0 `; F( h
         }- y1 z: v: b3 j2 e
      }
3 T# n. M, g5 T: O3 V   if (xDir == "right") {3 y* Y$ |6 Z1 Z
      xPos = xPos + BallSpeed;
% T* H1 j- T2 O2 ~6 C      }
4 \5 o! E, Y  v: l7 F: W6 r   else if (xDir == "left") {
- Q" H5 ], }, W) B3 I4 N3 u. e      xPos = xPos - BallSpeed;% v* {5 s/ S. M$ e
      }
; X" X0 x% Z2 N% Y   else {- Y& M8 ^" u+ J, A9 O: H
      xPos = xPos;
2 t' t/ }3 x# A7 p      }
5 p& w  s. p& i9 |) r& V! a3 q   if (yDir == "down") {
( I4 g5 ?. Z, K      yPos = yPos + BallSpeed;! e5 C/ [3 Q! b' @# K+ ^7 K
      }
% H$ e# u- ?. q- W4 y+ q4 G2 [   else if (yDir == "up") {" o% Q' d3 Y; m
      yPos = yPos - BallSpeed;
1 s, i$ Y* j+ z" |! f. v      }
! X' k" U7 R2 Y3 l' P2 M   else {
2 U& I$ {9 z, Q# M8 ~" e      yPos = yPos;& T" `3 T3 w  P3 ~
      }
! U8 \8 p- _( s   }6 X$ W+ q& ]9 C$ ?  Q$ |
( ?, y$ a( K+ p& Y
function hidetext(){3 q- n6 t9 P9 t: X1 J) B' c' u: b
if (document.all)
( I. h7 O" I- j, M3 E* E6 [+ Fsupertext.style.visibility="hidden"0 T/ J# y/ n. a+ O4 G
else if (document.layers)
/ T& D9 d0 R$ t! [8 f% mdocument.supertext.visibility="hide"+ ?3 O% f) N0 n
clearTimeout(animatetext)
, P5 z; k' K8 q6 P}
. _. O9 z3 C, p0 t, }$ |5 b2 L- f! Y; J/ w& L$ D( Y
if (document.all||document.layers){, j9 S/ o3 {5 T. H" k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( n) Z* H+ |6 E' Z0 C  b. ~
window.onload = initializeBall;1 B( r: {' ]3 a. n
window.onresize = new Function("window.location.reload()");
2 O0 B' L1 H5 C4 \* i7 G}
" r' E& }7 m2 |$ x! D
4 {4 O& `7 ~" e# P1 w3 b( N  X7 }</script>

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