返回列表 发帖

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

<style type="text/css">: G# k0 E9 T9 \. e* o, O8 `
#supertext {/ I4 s' w# }) a$ j( X, }" t. e3 G0 p
position:absolute;
% S  t& P" s# x2 T  b5 zleft:0;
9 g- G/ K" U- a7 h' E1 X, {7 l8 I2 Ltop:0;
, z4 a; x8 e( O3 C0 mvisibility:hide;
4 a4 v* {) Q% v6 i* {- Jvisibility:hidden;
; D7 B8 o: w8 T2 L1 _}
; {) W1 \; {9 M' B0 C- j4 {</style>4 J+ V9 j8 E, `  O6 O: y4 H
<script language="JavaScript1.2">. z: Y, c6 |& l4 r8 u5 m" r8 F; S
<!-- 改变下的字体的大小。颜色-->
; x) w" j, f% O: {7 Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ D! i$ \/ c) j2 H5 J- T1 Evar hidetimer='';! n& {7 {4 ]( N
<!-- 改变下的弹跳速度-->
) b3 `" V  _6 p; l& Q, n7 \var BallSpeed = 20;4 k4 S( D! o( S7 F! ^
var contentWidth;
1 h+ M) K! A8 fvar contentHeight;% e1 N+ w( ~* z  Z7 A2 s
var maxBallSpeed = 50;
4 `7 L$ d/ i! f" b* Z" E6 {4 @+ z' I. _3 b5 J# X8 j

% c) g. _8 Z9 E8 W' j; I0 [var xMax;
0 J( V2 P" `( F5 B4 Y  Gvar yMax;0 l% ^* r$ Y3 p& T
var xPos = 0;; G3 O  _3 [3 R# S
var yPos = 0;
! ^) C1 j5 l7 l  ~& c( z$ U0 Zvar xDir = 'right';
* b( x1 {% r5 |1 ^var yDir = 'down';5 @  T  B3 T) I+ o+ J# q; n, ~4 g
var superballRunning = true;/ t$ Z+ {; O! i$ G9 ^5 q
var tempBallSpeed;
( `1 @3 P+ j  g% I1 E. wvar currentBallSrc;/ S# L; H% t4 d8 I, _
var newXDir;5 r8 Q# z. a6 s# C3 t3 D
var newYDir;. n% E6 a  p5 }
4 B9 |( P1 N  B
function initializeBall() {8 g, g4 E  H' F4 S& z4 V
   if (document.all) {( E# K' ~( x) C) i
      xMax = document.body.clientWidth
6 M$ m& r- g- Z1 ?( B" y" R% L      yMax = document.body.clientHeight, J! ^* t0 \( m6 _# E1 X
      document.all("supertext").style.visibility = "visible";
2 [% }- h: m( v7 o5 J      contentWidth=supertext.offsetWidth) R  L0 W' @1 i6 A/ w$ [0 A
      contentHeight=supertext.offsetHeight
& }8 K' W7 F& w- K% d- R      }* z% A9 R5 ^9 B* b
   else if (document.layers) {
6 g/ W3 J8 f1 U6 b/ E* d      xMax = window.innerWidth;
9 e; H0 R" J; Q/ v5 c, J% Y4 J4 B      yMax = window.innerHeight;
4 ~" @1 \1 ~, V& o! Q& q4 ^8 F& ~      contentWidth=document.supertext.document.width' h0 ?! @  {  l" R; X
      contentHeight=document.supertext.document.height& H) L4 C7 e$ T! y- H* j
      document.layers["supertext"].visibility = "show";! @$ _6 ^. k) A( v$ G
      }% @5 \  e, l$ r& @2 j0 N5 Y2 @
   setTimeout('moveBall()',400);
- R1 R9 B0 H! o& e+ F   if (hidetimer!='')
( j3 _0 r! a* Z2 Z# A   setTimeout("hidetext()",hidetimer)
1 c0 R- U& C1 [. G1 Q8 x# ?   }
: Y- T; \+ t  r( y+ u+ j5 @9 Q
. m2 O5 P/ \6 c$ r. Z0 t) ]9 Tfunction moveBall() {6 ~6 t! z: a  |4 ?+ V5 s# R
   if (superballRunning == true) {
! A8 i- b( }5 l5 Z      calculatePosition();
5 q% d+ \" |6 v  y+ I2 H  g      if (document.all) {- ?5 q7 i4 b' o. i" @# _# Y; r, s0 G
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. {9 h$ Q9 w: I: h& Y         document.all("supertext").style.top = yPos + document.body.scrollTop;
, m# l; K; ?3 j         }
9 o1 i/ a6 U% A; T5 w- V# K      else if (document.layers) {
, i* M, N: G8 c+ T; _- I         document.layers["supertext"].left = xPos + pageXOffset;
; Z1 a, C2 J. i$ y         document.layers["supertext"].top = yPos + pageYOffset;
/ [) }4 d7 H$ T) j& e4 e         }" a' |2 U3 t$ o2 E
      animatetext=setTimeout('moveBall()',20);8 Y( I9 T0 e2 w
      }  j7 |  ?0 P" l( S" Q
   }
( m' K- ], z& d: u
/ s. a8 O* F1 K8 Nfunction calculatePosition() {
: @2 P% R! q5 U, T- S6 f   if (xDir == "right") {
: O- g, r1 y+ @. P0 v      if (xPos > (xMax - contentWidth - BallSpeed)) {& b3 s8 N5 B" P- r& |8 a) ~
         xDir = "left";( L" X7 A8 e) t
         }
# b, p, [& L4 p9 _4 C3 z3 W+ X2 q      }
4 K7 I+ q- ^* M) e1 L) O" R   else if (xDir == "left") {* t7 i& T; O, _( |
      if (xPos < (0 + BallSpeed)) {
+ k6 `' [; t/ m         xDir = "right";
+ z8 i& n+ g0 Q$ F' w; `# F1 h# k$ n         }7 R, b& X$ D' i! h* p0 I
      }
4 J$ `1 b* c2 P   if (yDir == "down") {
3 k  x. B5 l  W8 T; P) V      if (yPos > (yMax - contentHeight - BallSpeed)) {
! h% N: y: O2 G- C         yDir = "up";5 E8 y9 l' s" ?& W" F
         }+ L6 n% i1 ]* G9 v2 \
      }
& A6 s1 d. N- J; X; B( f, [   else if (yDir == "up") {% ~. t( B6 \5 v8 n; \% l+ h6 A' t
      if (yPos < (0 + BallSpeed)) {' w* C5 d' ?0 k, X
         yDir = "down";/ U1 }$ ?. ?9 W+ O! u
         }0 T: S+ j6 b( T  `+ _7 d# g
      }
0 m% Z" A- k5 Z7 g+ T, r" s   if (xDir == "right") {
6 h. r: a1 U6 T6 v! y/ J      xPos = xPos + BallSpeed;- Y+ z* ?; E- n' j
      }9 Y' }! M$ ]( F
   else if (xDir == "left") {) x% j: k! j: M7 E3 \% M; S: _
      xPos = xPos - BallSpeed;
4 U& c3 E9 d& o% Z5 Q( \0 j      }
+ ?& ~0 n- Q' z3 z" Q5 P   else {4 t+ u, h* M. W! f8 ^, \5 V
      xPos = xPos;) A8 T0 V9 |9 n0 {8 y
      }
! J( Q$ K6 _% Z2 L$ q+ A   if (yDir == "down") {
) k! z. n# T: `! H      yPos = yPos + BallSpeed;
, l: K8 ]; a$ j. f$ K8 F7 l      }* u. }! f, U' Y. H
   else if (yDir == "up") {
3 O1 o/ C; c# ^5 Z/ G/ l      yPos = yPos - BallSpeed;
/ o8 h3 f3 E: j1 i& E5 I* s2 B6 r      }
4 R6 Q! {, }$ N" v8 {/ E   else {
0 e  B# Y/ T6 J7 T/ |8 Y7 O( ?. c      yPos = yPos;
2 H/ k, H! z5 T3 p      }) A% |4 E( T% C
   }) B0 `6 k0 x# n' L3 K8 X9 X, J! I
0 |( K$ E  r1 ~- {
function hidetext(){
" V0 ?3 D# z. g4 p( g# s: o! _if (document.all)
/ K8 P. }5 R, L. F+ m3 hsupertext.style.visibility="hidden"( x! l( X* g; Z+ N+ g) W- O/ M" c( h6 P
else if (document.layers)
3 n( p- s8 m. `0 fdocument.supertext.visibility="hide"
/ W* q) O" p; f8 F7 y* ZclearTimeout(animatetext)
3 A/ T# q+ R$ c/ i6 \}
6 }- U) W) ^; j2 J$ q. \: M0 Y  q  W
8 g! S1 I4 B2 E  s+ ]0 mif (document.all||document.layers){
$ q9 z, M6 O& ?# Y" U# t  a/ Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: ?% F" ?4 y' s3 Y5 @window.onload = initializeBall;
, n+ M# |+ _8 }9 @3 D3 \window.onresize = new Function("window.location.reload()");
7 a0 ~% J  H4 k" a+ _( M}
! J6 ^5 S9 ~$ }& S7 \  s: h; J! Y) u  a& L
</script>

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