返回列表 发帖

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

<style type="text/css">
% e9 o1 r) q/ r8 t#supertext {$ t) j1 }1 }+ K# |2 W3 k. w
position:absolute;! P7 P9 N2 r& W  n$ D% a
left:0;
' b4 ?9 ~7 o' d! G  Ptop:0;
  V3 S7 t5 `/ P8 Y8 ovisibility:hide;: x9 `" I: |" L
visibility:hidden;% v/ x7 j& K- M
}. j' w3 A2 y0 [+ j; p. t% O
</style>. h4 m; T5 B4 l
<script language="JavaScript1.2">
  i. {/ t" e6 n: Y$ l2 U<!-- 改变下的字体的大小。颜色-->
/ c' G3 ]* P- {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" M# N, u. W# v% o" evar hidetimer='';8 w0 O; L7 K' i; f/ h9 T5 `
<!-- 改变下的弹跳速度-->
8 L0 `9 s; n1 E/ r0 Bvar BallSpeed = 20;+ n+ b# _0 h+ E+ Y( r# L
var contentWidth;
: t7 Y& [, n9 f& Avar contentHeight;$ h/ g2 N0 w' \
var maxBallSpeed = 50;9 ?% [6 B5 i$ J: r( {

' @- u6 Z! `* q( ]% A
& |2 @' S. q" Vvar xMax;0 n) P; B( S) |/ [6 b+ l! Y5 h3 t) X
var yMax;
- ~  M/ E% u. ^# w& W7 M4 fvar xPos = 0;1 h. U" Y# c+ L/ K5 Z
var yPos = 0;
; K4 Q" T4 [3 }- u5 @9 Evar xDir = 'right';3 ?" ~& V1 W# d2 t# O3 d
var yDir = 'down';# D! X9 }& x3 B6 l9 s9 j# {( R
var superballRunning = true;3 {: Y: s$ f0 S' F: X  N
var tempBallSpeed;
; k" t' W  u% z: [* \* r# yvar currentBallSrc;) W: b$ F! S* ^5 Y5 X
var newXDir;5 b- r5 R  }6 ~' F% y
var newYDir;
& l3 }% F* T2 N4 c( r! Z. u. n5 G) l( m! n
function initializeBall() {5 @0 ^3 B, y% z) `6 t0 w" t0 B, t* H
   if (document.all) {# t; j4 M5 R' T
      xMax = document.body.clientWidth, Y4 Y6 O- d4 M' Q+ D4 _# j
      yMax = document.body.clientHeight7 b" Y# H) o0 p/ S( q& N
      document.all("supertext").style.visibility = "visible";
6 J9 p6 R, \7 u  |% s* ]- l# h      contentWidth=supertext.offsetWidth5 d8 H- _$ R# L2 L5 Z+ U  ?
      contentHeight=supertext.offsetHeight# E2 P, s' W6 h. @4 U
      }
! Z. e( d7 q. a' U3 b# U! I+ h   else if (document.layers) {
5 S! ]4 M9 \; |! u" h      xMax = window.innerWidth;
- [. F/ s& A5 o! e" `) x      yMax = window.innerHeight;
1 {, P( {- l/ j) ]1 T4 B% J. h      contentWidth=document.supertext.document.width& l' q& C7 X! m$ F1 V7 s- ?0 F" I
      contentHeight=document.supertext.document.height
6 Z7 M( V% {# z      document.layers["supertext"].visibility = "show";
4 Y% \! T9 i! D. J+ O# n) G, `( g7 w      }! b2 d# z; y6 F- l; E1 b. K6 p
   setTimeout('moveBall()',400);
- X% ]8 O' U1 F" C# a   if (hidetimer!='')
# P6 \' t; ~3 `( b   setTimeout("hidetext()",hidetimer)
" J" h! Q0 S2 x& y; H7 A$ R   }
' p3 F  `% K  J* j+ h" x( M' k9 R7 R5 \: _; O
function moveBall() {( X: \  U; C2 c' K3 X( B& j
   if (superballRunning == true) {. i6 }1 ?; ], Q) V% P7 p
      calculatePosition();3 ^( b( d  C% u2 `7 d$ b
      if (document.all) {
4 M1 \9 n( w5 v- `         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 J( U0 Y& ~  p1 r8 `' o- o         document.all("supertext").style.top = yPos + document.body.scrollTop;) q6 q# h8 V' I8 q( p& X) `$ T
         }
$ h4 `3 N3 D' F9 V+ |( K. F      else if (document.layers) {  X9 _# Q7 r8 d
         document.layers["supertext"].left = xPos + pageXOffset;) |6 C/ R) N* {: T; Z
         document.layers["supertext"].top = yPos + pageYOffset;1 d# Y/ s, l4 U4 I
         }$ S$ Z, V9 M/ V' d: Z; V4 f2 l
      animatetext=setTimeout('moveBall()',20);
# L$ F9 j* V5 b! Y8 J5 f. x) A      }- B6 q" g; a5 e! l0 P0 o: J8 b& C
   }
3 x" T5 {) E! B) Q% u
9 `9 g- e5 s4 T) P9 Ifunction calculatePosition() {
! K  N4 p4 N7 F+ [4 @! A   if (xDir == "right") {
$ K1 q- x, A4 `7 i4 }. o      if (xPos > (xMax - contentWidth - BallSpeed)) {
- E) n$ @) Z! w* U! @         xDir = "left";
  K: w$ U2 `( Q5 [1 q+ f3 o, Y         }0 ~% D7 r2 x, H8 P. k: i1 a
      }$ \9 D' m' N0 x( T. c
   else if (xDir == "left") {
! Q  |4 H" V+ U      if (xPos < (0 + BallSpeed)) {
, I" H' B- R! i* j         xDir = "right";; `6 t$ T7 |' F4 r9 _) {! {( z
         }
/ ]# e9 D5 T. ^0 \      }
$ c; W( C0 O! g* `1 F" C   if (yDir == "down") {  ~+ I; C) ]# @8 u6 i8 B' u
      if (yPos > (yMax - contentHeight - BallSpeed)) {! Z1 m( u2 k  m0 E6 p; C3 T3 Z0 Q. q& z
         yDir = "up";
9 L0 z/ z$ |( ^$ W" Q         }) g% G4 t+ d8 S/ w% g) v
      }
- a* ~0 r/ I6 U7 q2 ?1 e9 D   else if (yDir == "up") {0 b3 W, G$ O. [
      if (yPos < (0 + BallSpeed)) {+ l) ~. ]) L, ^8 _* S
         yDir = "down";
* y1 M8 z$ _6 p; j         }3 o4 y8 t) I8 k% T+ F
      }
* }' {0 W5 ]- ], q) I   if (xDir == "right") {- o9 o# P. ?6 T3 ~# w
      xPos = xPos + BallSpeed;
1 l1 J# ~( X& m5 X8 d5 M$ E( W) e6 B      }: d" L* u: l: T8 \6 \+ t7 m% F
   else if (xDir == "left") {% n% Y6 s! ]9 V8 C9 ~
      xPos = xPos - BallSpeed;# X, `  N* T8 P
      }
5 ]: w$ {& x& R+ p2 o$ t   else {# ]* t& R# P0 t
      xPos = xPos;$ ?& v2 q! E( J$ M) }; x8 U
      }; u/ Y8 j9 G2 B
   if (yDir == "down") {" y4 z$ n0 K3 {! r% N
      yPos = yPos + BallSpeed;) y. A0 v; U) E  n- B. ?( ?
      }8 F5 N$ P# K- P/ P+ t" d( Z8 @
   else if (yDir == "up") {, s: p+ `7 H" V# f0 Z
      yPos = yPos - BallSpeed;
0 C+ M( q" z3 @: G4 y      }6 P1 n. p. @" b) k8 F7 G+ b7 S
   else {
: e& j. u; E+ ?% ?, r% r( x      yPos = yPos;  n* x1 w+ v  p. H8 m" H
      }! [7 U4 X/ Z* W3 C/ y0 i8 w
   }
! E2 j$ |- P  W- z0 {, Y6 W! C9 s4 Z' R( a5 ]
function hidetext(){5 F% I! c( V" p/ E& g
if (document.all)4 K6 Y. L9 v! ]* c8 K9 q2 ?& F. e
supertext.style.visibility="hidden"
% C# E" o% L2 x" @" Nelse if (document.layers)* P6 i! x! f# S, {' r
document.supertext.visibility="hide"
9 z: G8 b5 ~) F7 S8 n0 D( {) qclearTimeout(animatetext)
( @5 p4 i  g6 S" v3 V6 @}& E4 I" h% k6 w5 R6 F
/ T. K- {! r+ Z) z
if (document.all||document.layers){
' i2 M2 e! ^. }" t% q$ edocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): I1 p9 D. P; o) u! r" o
window.onload = initializeBall;
: k0 `# H1 B" m2 J( L3 Dwindow.onresize = new Function("window.location.reload()");7 a+ V, E. a5 Z' Z: ^, L5 @
}; H8 D& A0 E+ s4 i9 a& Y) M% B

* k% y5 r" B( X5 W* V5 l</script>

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