返回列表 发帖

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

<style type="text/css">
7 g. x  w- ], m) ?3 r& |3 F#supertext {/ |7 @6 b6 ^7 E1 K4 F1 e
position:absolute;3 m5 A- W4 ~7 n/ p2 z$ F
left:0;
, d$ q: a0 G. Q& _top:0;
1 E: r4 A% [( E3 Y" s+ Y" \/ k& x) |) v3 t! yvisibility:hide;  g" D' V* I. x
visibility:hidden;) z2 z* o+ k, y7 u
}
1 F( a+ b1 U- z% ]0 p, c. {7 H</style>- J2 y5 g6 b2 J" @6 G1 \
<script language="JavaScript1.2">
! V( @( f( ^8 q8 ^; g<!-- 改变下的字体的大小。颜色-->
( ?) @- k' s  u9 z7 p8 e( c2 y' ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'  z1 v; ~9 ?, l
var hidetimer='';8 ]" ?. g/ I" l+ J
<!-- 改变下的弹跳速度-->
+ W5 C8 L2 D# i$ q; {# S) vvar BallSpeed = 20;6 p$ _. Z7 m8 z/ _
var contentWidth;( s7 P2 m/ B' @
var contentHeight;
# F  I5 Y  h+ E0 m6 N! N! J+ W8 B# T( svar maxBallSpeed = 50;: p! o1 z6 i9 B

& a8 X6 ~, l5 }8 B) h( w
/ w- v! g  w1 x# Qvar xMax;
( j% F% x2 W4 x9 d+ C* svar yMax;
! e5 w+ h3 q! w  P$ x& Nvar xPos = 0;
9 v* I" E3 ~% W* t$ w( Y2 O8 Avar yPos = 0;
) z! D+ o4 f. S% V# a. R. Kvar xDir = 'right';
8 U# K. a4 n+ h( a; `3 `" cvar yDir = 'down';
7 p) R7 ~. m5 V3 kvar superballRunning = true;
3 W6 m: O4 ~! c! [var tempBallSpeed;! h, t9 I6 |+ j8 e0 N$ f1 @
var currentBallSrc;: i+ S- u# a& {8 P6 E+ n; o
var newXDir;. b0 J5 J( X& K' V; j
var newYDir;5 {8 C  v; n% E0 W9 [1 s
2 O1 P1 ?3 O! P
function initializeBall() {
0 |% W" G' ]% w   if (document.all) {
6 n" {" s% F* U- c9 s; y# g8 }4 T      xMax = document.body.clientWidth
0 _0 }3 B8 s5 `" \, `1 A( ]      yMax = document.body.clientHeight
6 v& E, @2 e! S3 ?) n      document.all("supertext").style.visibility = "visible";; C* i' k8 q% ]: S8 ^) z
      contentWidth=supertext.offsetWidth% X& C3 c6 J# m% j
      contentHeight=supertext.offsetHeight
0 t6 x  i4 Y7 a9 T  Y# k4 R& e      }
9 `3 J( X& m* T$ }* e' o   else if (document.layers) {
' |, L& X: t2 S1 L      xMax = window.innerWidth;1 E+ [! c& g* v# x! W
      yMax = window.innerHeight;
$ X0 ^' j. V, y% x, y      contentWidth=document.supertext.document.width
! e( a1 r3 g0 e' f7 w; x" U      contentHeight=document.supertext.document.height
, ]% {, x6 @# Y) q6 m8 ?4 f      document.layers["supertext"].visibility = "show";& ]- n( P: B0 ^) ^# w- q
      }
( H& i7 n' ~4 K, l$ R/ @- \   setTimeout('moveBall()',400);1 S7 I/ i: R/ L& N, b9 J
   if (hidetimer!='')' E* P# I( i  Z. |7 K
   setTimeout("hidetext()",hidetimer)
% p" h) k- _& i   }
% u9 q0 J& R  }, H( v# R' R# u1 `) c+ b' P
function moveBall() {
% `3 ?$ I8 L% r  p   if (superballRunning == true) {
3 ?: U" i& D# |1 {( t8 n      calculatePosition();/ ^8 X0 w9 y* {8 ?8 j  b
      if (document.all) {
/ i: L2 C/ G  \0 \& ]         document.all("supertext").style.left = xPos + document.body.scrollLeft;; `0 E  H7 r0 F
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: ~; b, N5 Y/ r0 e' r         }
% M6 {3 x4 q3 o, \/ A. a8 E  \( _      else if (document.layers) {7 S/ d9 N6 A( U( o* T
         document.layers["supertext"].left = xPos + pageXOffset;
' ~2 q. j6 I: f: H) k$ {         document.layers["supertext"].top = yPos + pageYOffset;$ P$ q* n" Z$ r
         }3 @3 }4 ~% _" r, \2 V( P
      animatetext=setTimeout('moveBall()',20);0 m; l* t: y, Z, A( z( B# }
      }0 }+ X+ L+ J. }0 V
   }& @1 V, x4 |6 Z9 _

& l6 D1 j& y/ K4 Kfunction calculatePosition() {
2 |- t1 O5 v' S7 l1 v  Y0 p   if (xDir == "right") {
2 a' x1 b9 }7 E4 L9 ~  V+ H      if (xPos > (xMax - contentWidth - BallSpeed)) {( J3 T/ `8 G" t, x
         xDir = "left";. L  [$ C! o) `4 B  U
         }# p1 d" ]$ Z: f! Z
      }8 L, s0 L. ~8 |% H/ e3 i
   else if (xDir == "left") {
! I  D7 o2 X- z5 o7 ]  f      if (xPos < (0 + BallSpeed)) {
( `, g. d9 C& t         xDir = "right";& G9 P# y  C0 l* b3 ?- Z7 |
         }' I# [4 U/ ~' ?6 S8 ]! p0 J
      }' V6 @( N  }9 b, z" F! x
   if (yDir == "down") {$ ]+ i' {3 _1 X$ q$ F" L
      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 S  q  w5 K9 |2 M         yDir = "up";
% z) H" c/ `+ E5 [: d4 `# L: ?# k         }
0 J% Q1 P- k  z, ^      }9 C# d0 Z/ d. n# a
   else if (yDir == "up") {
! l7 a( Q" P: t+ u2 R, t      if (yPos < (0 + BallSpeed)) {
- ~( s5 r# w2 k; V$ H8 s         yDir = "down";" V0 S# C( x/ Q+ G
         }8 Z% K+ V, m5 @  d  x" d
      }( x3 B. s  i* L! G
   if (xDir == "right") {; Y" W& a+ _. G/ J' o6 _( a1 M2 s# u( G
      xPos = xPos + BallSpeed;* s8 ^4 \/ R/ p
      }
1 Z. {. @# X. ?2 g$ ^   else if (xDir == "left") {
6 x! x7 x$ W4 v, r( T      xPos = xPos - BallSpeed;/ W3 ~2 ]) ?* G
      }
' B; O8 b% p, ^0 a" z  j   else {. }1 R* h& K- X9 B9 G7 j
      xPos = xPos;# i4 ^' m: x0 P
      }7 C6 y0 k- u  ]
   if (yDir == "down") {
8 O, a, X1 i' a$ J. Q# i+ q      yPos = yPos + BallSpeed;$ d/ M0 p; V& y7 R$ y( P
      }9 E  l) F  U: {1 p# ^2 r, M  R. t
   else if (yDir == "up") {
6 N. {4 k6 i  K( t/ |( w2 V6 m      yPos = yPos - BallSpeed;
* c# K8 h9 ^; U. x. P! S; ?      }1 @2 C  m, b% w1 i; w* ]' u
   else {
% W0 Z; I8 i3 I3 g; _! e      yPos = yPos;
7 z, v1 G! L8 P2 Q      }- X5 b  R0 i1 J1 C. z
   }2 ~( A: I6 t- B2 s8 ^3 x1 M: P, i

7 a5 B. G9 [& O6 D# ffunction hidetext(){  m' k' k1 @, l6 M' H% j# x
if (document.all)
2 K+ a0 H' B: U- M: d, J: @# p8 }supertext.style.visibility="hidden"
# ?$ W0 u4 S! B4 P  D9 Telse if (document.layers)& ?# M1 T( u6 X) ?6 e. G$ F
document.supertext.visibility="hide"
/ i6 ^# G/ g6 cclearTimeout(animatetext)% Y- f- O8 r0 ^$ O
}8 ?, t4 `/ ~* N5 M/ B( Q1 X
0 y9 [! q. b% ]- o, J, m. O, |
if (document.all||document.layers){2 u+ D8 T- l$ g- Z9 N. f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 w# Y  q0 C5 s% w7 ]window.onload = initializeBall;
/ b* j1 O' c+ C1 c; f$ A5 T$ Pwindow.onresize = new Function("window.location.reload()");4 G  y2 J( J& O  G1 [% p
}5 j$ r5 |, g9 J. L* V% F& f
0 a: i8 e7 h, [
</script>

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