返回列表 发帖

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

<style type="text/css">
6 Z* n: B! F2 a0 ~1 w6 a2 e#supertext {8 t6 f8 r: U- l7 [0 h
position:absolute;
! j7 o& K* C2 ~$ ]" gleft:0;
3 n7 S5 E5 p' L- j9 L0 p2 Ltop:0;
  R, |$ ?$ A7 o0 F; G7 |% \  H$ vvisibility:hide;# s) Z3 ^6 b' k0 M6 ?. U: t
visibility:hidden;, P/ a3 U) e5 V
}9 y  h& ^6 s5 Q
</style>
  }4 R$ p! ~3 a! X$ \- k<script language="JavaScript1.2">0 i3 T1 T) [8 C  i
<!-- 改变下的字体的大小。颜色-->8 d' u* J% q7 b1 V% o/ ^5 G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'3 [1 d$ L" X- J, Y% J. F1 _
var hidetimer='';
" ^: r8 ^# ~: W" F' j9 A8 l. E* n<!-- 改变下的弹跳速度-->
, x; O3 T  a5 v/ G. |7 jvar BallSpeed = 20;  @$ q* z3 E9 e$ X# P" j/ J2 L& _
var contentWidth;
9 V5 ]' u. y+ u1 a* w$ o7 ?/ Zvar contentHeight;
+ G$ H% a. C: t* E, D) X# Bvar maxBallSpeed = 50;
# z  V! t$ c, I- [: T% }8 m, x4 j( o, c  \; f7 D. w
0 p3 z4 C7 G' ?- ]) S
var xMax;) O6 Y0 f% `' y# l0 w0 R6 F8 z
var yMax;
0 L* Z0 F. W6 m2 S8 F, u& Zvar xPos = 0;( d: i/ h1 {; |* j  ^0 m
var yPos = 0;. a8 I4 r$ n( K) C6 Q6 b! J% h
var xDir = 'right';( c7 {% T  n! r  E1 E
var yDir = 'down';
$ t; ?6 e% x9 {# ?4 T1 dvar superballRunning = true;
+ p0 z6 i/ T% M$ B6 u; Kvar tempBallSpeed;! u4 q, R$ p- k7 g  \
var currentBallSrc;8 R4 O& u* |9 o  ]1 c
var newXDir;4 W1 `5 C5 n7 a: X0 r2 Z. e$ {
var newYDir;
8 C2 w: W0 q! D. D5 e; F
5 B7 |9 m1 d2 [2 [: }function initializeBall() {; W) \% M# a0 W
   if (document.all) {1 b2 ]* w3 r! B- o
      xMax = document.body.clientWidth
& B$ t* u* e, Z* m( f/ J+ H( v      yMax = document.body.clientHeight* b% q. h. e3 Y- G) [* m
      document.all("supertext").style.visibility = "visible";3 [" O+ h% x0 n3 O8 b; k( v
      contentWidth=supertext.offsetWidth( h# r6 d( _2 g
      contentHeight=supertext.offsetHeight
5 |; {+ l* y9 |. B. h4 }) ~! `      }
7 Z8 r& a8 g, l% I   else if (document.layers) {  P1 _, ^0 _# _0 E
      xMax = window.innerWidth;  m- |- l# U1 b3 t9 l
      yMax = window.innerHeight;
5 ]$ G( w8 ^) a" u' R: r      contentWidth=document.supertext.document.width2 h0 x  v& L& `7 O, W% A; c
      contentHeight=document.supertext.document.height
9 s+ j$ K8 t* C+ O" ]      document.layers["supertext"].visibility = "show";4 z$ y; k+ X' _( j% `6 @' I) C. o
      }8 y5 _7 R1 k2 X
   setTimeout('moveBall()',400);
# c; i9 H: M" D   if (hidetimer!='')
7 B2 j* M/ a" J3 o   setTimeout("hidetext()",hidetimer)' Y  |( Z- q3 h+ c/ ]# A& U- L+ M
   }5 R+ }0 f/ D6 N$ N* O6 {( f5 ~" w
9 g$ H& d* ]/ @: W
function moveBall() {9 k1 E% V' {8 @
   if (superballRunning == true) {9 n2 t* ?2 L0 k/ g
      calculatePosition();
5 c, i! [4 j1 r      if (document.all) {
" c% ]7 r  @7 B0 I. o3 V4 k! w' P4 o         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ w; p8 @6 j9 I; h- s& d6 r/ y' T4 H8 x
         document.all("supertext").style.top = yPos + document.body.scrollTop;2 C9 e0 }: w; [" `' V
         }
1 H, |/ s: }% h! H/ @9 F% G3 X      else if (document.layers) {
: W: w3 p2 k' ?( T9 _+ B         document.layers["supertext"].left = xPos + pageXOffset;
) e# A! i5 K' S$ i         document.layers["supertext"].top = yPos + pageYOffset;: j( k1 X: N& p1 H
         }. d$ [  N- p# P% E6 k
      animatetext=setTimeout('moveBall()',20);' k; I! D+ m! I$ K3 D
      }& M% y! [5 s" M8 d( t
   }
/ U2 V; I, _  `9 M, u, C. c. V4 E1 X
function calculatePosition() {
& _2 F0 |7 G  Q& b. J5 h   if (xDir == "right") {
" w+ c5 `& N) }* r& P& {      if (xPos > (xMax - contentWidth - BallSpeed)) {. j* R$ ?2 f1 @7 ?! _8 ]( Y
         xDir = "left";
. X5 ^$ x7 [: A' _$ a$ I- m         }- H% c+ `8 W- x( Q2 u( e& J6 G
      }( h; _, g' p- ]
   else if (xDir == "left") {. r+ Z0 s: f7 D( H
      if (xPos < (0 + BallSpeed)) {  M% d9 _6 G4 w5 W5 G! K; n3 e
         xDir = "right";
* u, n5 P; T( {) O. ]  P# e+ W         }
/ L+ \  \" G  W6 u2 j3 c/ y5 s      }
) J8 c: O; B/ d5 d7 s   if (yDir == "down") {, W4 ]; H9 v# b* r+ _2 q
      if (yPos > (yMax - contentHeight - BallSpeed)) {
( e/ J8 }) w; j         yDir = "up";/ O+ Y$ y; J+ U3 S- l/ R# l
         }" t& v' P) a0 ~6 }$ ]
      }
3 _& {8 f: ~8 v$ J) q. c. r' A   else if (yDir == "up") {
' E0 f" g# `, i- n; Z- N      if (yPos < (0 + BallSpeed)) {
8 _8 z5 g: I4 r: m' c! e: p         yDir = "down";) R: M2 b, O' Q3 I
         }
- `& z& s7 Q' h  C6 |& J1 q      }
# j% a$ c& p! ~) ?5 Y# y   if (xDir == "right") {
) V5 a2 _0 z6 H4 w- ]' {' j0 _      xPos = xPos + BallSpeed;
# q1 `# t/ o( V& K; q" |      }
, ~) d0 P4 C$ \8 g   else if (xDir == "left") {
: d4 V  I% l% g4 H1 k+ u      xPos = xPos - BallSpeed;# \8 q* k( T( @8 ~8 T1 l
      }* n8 I9 q1 H2 j5 x
   else {" o3 T2 d0 }1 U- a. h- v8 ~2 n
      xPos = xPos;
7 o$ F: J' ~) w" R' ]      }3 a! Z$ V& L6 N
   if (yDir == "down") {- n2 y+ ~/ n9 _, m
      yPos = yPos + BallSpeed;0 i0 L8 d; D$ z; `/ e+ M) D
      }8 s/ N% T0 r2 j4 H/ u4 _5 U  r
   else if (yDir == "up") {
; B2 k5 Q+ `  A1 q3 t      yPos = yPos - BallSpeed;3 G9 H' B2 ]: c/ ?5 w* ~
      }( X7 l! P) Z. u0 Y8 G& i
   else {
0 x! {# g9 v8 ]      yPos = yPos;
. K4 P, h" q* v+ @6 R4 `) k! [8 `* ?- W      }/ X& L0 B& t6 i: A- i
   }( d& y2 K1 [1 I; c0 S! Y8 \% d
. J' X7 u/ n2 E5 t- W
function hidetext(){
3 c/ O  W  R0 z4 b# h4 nif (document.all)
1 _. y$ V% P( ]! N$ a. psupertext.style.visibility="hidden"
: I3 P/ _' a- x6 velse if (document.layers)
# x0 {5 M. F/ M6 W- |. |document.supertext.visibility="hide"- ?5 [9 l+ v6 b6 c* ?( f. M5 ^4 i
clearTimeout(animatetext)
' j5 _5 K3 E) a# R}
$ L8 Q9 t& X3 r
$ z3 j  p  D7 q: n6 W3 Yif (document.all||document.layers){
/ s6 G/ \0 A0 p3 N0 P1 `' A, ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' E5 I: P4 @* N5 Jwindow.onload = initializeBall;( e- r1 C% m6 L/ L# g
window.onresize = new Function("window.location.reload()");6 Q* K0 Q' o+ T: K
}
( p# R1 K- e$ \% K' d6 H
/ H# k* k! S; ?3 c( I</script>

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