返回列表 发帖

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

<style type="text/css">) `6 m2 W2 z3 H
#supertext {+ e: v% i* Q7 a
position:absolute;# u& T. i! O0 p3 n* B; N
left:0;
% l( b0 u' T/ D; N( C7 g: q. Ptop:0;1 ]1 y2 I8 G. p: x* @5 }
visibility:hide;
; E7 t$ e( d, |. cvisibility:hidden;
( r- x. u3 b1 P/ C* z9 E# ~* b: t}* t; Q% ~/ y. e1 ?& w
</style>
) u+ w& Z" O6 @2 b* \<script language="JavaScript1.2">
5 J; W: P7 D6 ]: s, [<!-- 改变下的字体的大小。颜色-->. y+ u9 r; j( g+ J6 d1 `
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 `$ p: x9 v6 H) j, a& U  o
var hidetimer='';4 O' t5 J8 `, G7 J; {$ W( M
<!-- 改变下的弹跳速度-->
9 I2 `$ e0 U- Yvar BallSpeed = 20;
& }# q# d. V* l5 Jvar contentWidth;
  b+ w' D/ S* @$ j, q/ Rvar contentHeight;! _; a" @" Z5 Q$ j6 F. Q% H1 h
var maxBallSpeed = 50;
) X7 e: I) |' k  V% w& F7 H. s, ?$ \: t

" Z! H& n3 E/ y9 }# V* bvar xMax;- J- [  Y* m& v# i7 _4 ]% O5 H
var yMax;
% C+ l- H/ f# bvar xPos = 0;
! W8 ?2 l" h- k5 k! cvar yPos = 0;
. i0 v+ R, c) l  Y. }var xDir = 'right';4 I! p4 O8 R* _$ n0 N
var yDir = 'down';
7 l" M) o' d' s2 ?4 }var superballRunning = true;
8 m" o. I( E9 K: F; W1 N: yvar tempBallSpeed;- H+ W1 e% _  s! h2 g% {
var currentBallSrc;9 s, G1 @" }! o8 o, H* w
var newXDir;
0 \! K* W- i' r  `var newYDir;
0 [( ~7 h+ W/ F" q7 @9 a6 Q
3 r7 E- a0 _0 m" r( W" Rfunction initializeBall() {
8 |& {* n* s3 c6 u. G  f   if (document.all) {4 {% M/ I9 O8 Q( Y2 X) m! v2 T
      xMax = document.body.clientWidth$ o8 d. L& z% \5 ?7 R
      yMax = document.body.clientHeight
9 e6 o& P0 _4 e      document.all("supertext").style.visibility = "visible";
) X; h1 |$ f% q! D. k      contentWidth=supertext.offsetWidth* m: j) _! @- f' Y# L- j0 `
      contentHeight=supertext.offsetHeight
/ b7 R: A7 ~, R: `% o      }
. N8 o7 A( T5 \0 T* h   else if (document.layers) {& s  g' q! `( _7 }0 c
      xMax = window.innerWidth;
$ A2 @1 Z/ M7 I8 p6 r' D+ G5 v: L      yMax = window.innerHeight;3 j# h0 Q! q+ ^/ e
      contentWidth=document.supertext.document.width' C$ N3 B) f2 |5 z4 i5 F
      contentHeight=document.supertext.document.height& ~# X5 [% j/ ^1 n& S& \
      document.layers["supertext"].visibility = "show";
+ ?* h. d1 u  x4 q+ p      }
/ a& u' h2 L( |   setTimeout('moveBall()',400);
& _% H" E1 F! v. K7 h   if (hidetimer!=''), F' H' d& B7 S+ n) R  `
   setTimeout("hidetext()",hidetimer); B, B- }% Y) Y: }0 j
   }! K+ T7 h7 ]/ F9 l

6 }; N% a8 {4 k  q+ @9 nfunction moveBall() {
4 E% k8 ~* k7 J- j. |   if (superballRunning == true) {! B1 n* @. G: e3 |9 c
      calculatePosition();
+ m" G4 b. q9 B3 q! J6 g      if (document.all) {$ A1 b, W% n# K0 l* J
         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 A1 U! f) i- `5 B& l
         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 E, n! P9 @, D) D1 Y         }3 @! l# f) j, T( d# t  q8 ?2 [
      else if (document.layers) {
) ^0 L; R+ I; x         document.layers["supertext"].left = xPos + pageXOffset;: O$ k- V; z1 R7 B. F' E& U, i
         document.layers["supertext"].top = yPos + pageYOffset;4 z; c+ t# \* \2 I. b& B6 u! r) N
         }7 ~4 u" r7 A. ]6 z7 l
      animatetext=setTimeout('moveBall()',20);
5 d2 q: O- ~/ x( O1 }      }8 W4 X6 q# Q; S
   }" m( P6 R9 R* H4 `

# Z2 d* l( O: E. ], Y8 ufunction calculatePosition() {( @  n: A1 a5 M; h" }4 ^" y8 Q
   if (xDir == "right") {
+ Z8 @8 w# q. x' _; \& [% L8 F# F      if (xPos > (xMax - contentWidth - BallSpeed)) {, u( I% N. {3 u
         xDir = "left";' r. |- D$ Y" C; L- X( p
         }4 k+ c' n1 _8 @4 ]
      }2 H; l$ O* Z0 n: u; h1 b0 P
   else if (xDir == "left") {
( \& t9 F  l& b* o% m- b1 c      if (xPos < (0 + BallSpeed)) {( `& j' k" s7 g* W# _
         xDir = "right";
4 U) j* Y2 w! x# E- R1 t$ X1 f         }! J) `, y0 r: p2 @' H# d
      }" z+ g% w6 ]4 ?" Y% h
   if (yDir == "down") {
& G9 G+ l: s) r* ^      if (yPos > (yMax - contentHeight - BallSpeed)) {% R6 D8 e0 ^  D4 F) n1 P8 {: u, d
         yDir = "up";! O; {' _6 q3 {" L4 B$ x) z
         }
9 Y9 R' O/ q- G/ r4 J0 G5 K      }1 z) S6 c+ t; k& r  y! t
   else if (yDir == "up") {
0 ~& Q8 ~9 e, n; b      if (yPos < (0 + BallSpeed)) {
5 v/ r8 p% O. y! s3 U+ w  c         yDir = "down";# j8 q0 {/ D3 ~4 B
         }
, j: c) P% d1 c      }
* K" |: a) G1 C+ n, P5 r6 C( y; @   if (xDir == "right") {$ |! ~7 t6 T# t2 _% a" X1 U
      xPos = xPos + BallSpeed;% q2 v1 d& h) u8 {
      }+ T% ]# B3 W9 p& I
   else if (xDir == "left") {+ |: u/ d, m8 w; U  g
      xPos = xPos - BallSpeed;
& N7 x3 D" @5 X  T9 L, {8 H      }
% y* D+ {7 `! H+ P, a# S. ?   else {% L8 l& I2 p* N. w1 n) s  T
      xPos = xPos;) g! w7 p( Z5 j' w( f/ J
      }
& |6 q( M) z& Z% M% a' y   if (yDir == "down") {5 ]! p$ }% g6 j  G4 v. i; Y0 r' n
      yPos = yPos + BallSpeed;. w' }( I4 U- r! z8 |1 r; a
      }
' C/ }) E( u* s1 X   else if (yDir == "up") {5 {4 Z7 C6 F8 N" d) `& O
      yPos = yPos - BallSpeed;
& G7 t: V9 u# F1 D$ j, _* P      }
/ A6 r0 f/ m9 H   else {
# u1 u5 I$ P# P      yPos = yPos;1 h% }1 u7 |! v% v# k; E1 N' \" O- N1 y
      }
8 h- t- H0 C' U; [6 F6 J, S7 f* e   }
/ d% b! F- t) q( z/ P: z+ j3 e' ~: `3 u; T* k2 K* i
function hidetext(){
* e4 _* x1 S) r7 h2 {if (document.all)# i5 Y1 B+ Q) J& {* b
supertext.style.visibility="hidden"
  _% P& ~. Q: r3 H5 A) Q# Y- oelse if (document.layers)' i/ u: F) r4 w3 p  y" K
document.supertext.visibility="hide"& K7 b; w% H2 u. w+ E" [
clearTimeout(animatetext). ?  j' r0 o/ l1 P
}6 a$ a1 M) A) }
! ?0 t% E0 F$ n7 j+ X" u* B- g
if (document.all||document.layers){
$ C  \7 }: \' D' R' `! K+ y3 y1 tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 W3 q$ c  U* C- twindow.onload = initializeBall;
  Y2 i0 Y* ~: `6 Uwindow.onresize = new Function("window.location.reload()");
, X* w+ N* V& M+ g" s7 y}8 p, {, g8 |- C8 D8 p
  y+ g  z9 V1 g
</script>

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