返回列表 发帖

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

<style type="text/css">
  U: _- u) M2 R#supertext {; Q2 w9 D! \( b# k+ u% [: N' D
position:absolute;
: H2 @  L: l  l( Dleft:0;
) U5 ?& D9 d) l# {$ \top:0;
  r- k5 u/ E! Z! X) ~; a. P# ivisibility:hide;6 L& g  a" |. G! G# U" r, L
visibility:hidden;; a8 ]! h4 J* L. _. N
}
2 f3 \& I* l0 b+ g0 O</style>
2 i) M' ]* d7 a5 U' C<script language="JavaScript1.2">
) q3 l9 _0 j$ r3 j. n4 M<!-- 改变下的字体的大小。颜色-->
( I8 y& ^( Q6 S/ ^# ~+ ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 H, |- ^  p& V# O
var hidetimer='';( @! ?. p! _; q, M+ W
<!-- 改变下的弹跳速度-->$ x% R" ~, w! D
var BallSpeed = 20;
0 `+ S# n" l1 c+ d  C# g0 }6 l, Bvar contentWidth;3 s6 J7 J- e5 B; E6 q" W( @
var contentHeight;' Y. d2 m8 y/ C$ ~, _' {. `) U& f
var maxBallSpeed = 50;7 ~! O! {* W+ n! a; @8 j' c: g
5 N1 D: u4 M" `  ~2 x  s5 `; E
& ]6 N, @. c( @/ N8 I7 y
var xMax;2 x# p6 m# w9 S' M
var yMax;
; J' q  g0 |7 m" K) qvar xPos = 0;; z+ y' J/ ~' E7 a1 g. `( M  ~
var yPos = 0;
; u7 y7 L' P2 Y( k+ O& ~* m* jvar xDir = 'right';+ e* \2 X& z7 q
var yDir = 'down';/ u. x+ f7 Y& R6 l
var superballRunning = true;+ o& C, b& N! {5 `
var tempBallSpeed;" \# C( i$ N7 A. i, S& O' F
var currentBallSrc;
4 r+ I# c* r, Qvar newXDir;6 g8 _) V1 X( q, e2 Z
var newYDir;! {6 @) N! q9 `& H3 l4 A

  `, _# U! e  A( Yfunction initializeBall() {$ K% l) Q# I4 ^
   if (document.all) {; U' M: f  t# H8 V' A7 u# x$ w- ~9 _
      xMax = document.body.clientWidth
2 A" B8 ~$ H0 b7 O9 {/ v1 ^1 ]4 O      yMax = document.body.clientHeight* q4 e4 X2 q; R& ~# E
      document.all("supertext").style.visibility = "visible";
$ p4 r7 ^5 |. k3 R: |4 [      contentWidth=supertext.offsetWidth% ^/ f8 S; }" H2 |# n3 ~* M) U+ q+ j- o
      contentHeight=supertext.offsetHeight
3 ~5 l' u6 N, q. ~. \3 h  G) }2 N      }9 `1 ~; d) g- P/ I1 [# ^, A) `
   else if (document.layers) {
  F; a$ f* `) ~. f      xMax = window.innerWidth;
# E5 G8 s& |# Q& U* y: |      yMax = window.innerHeight;: [3 v9 u: f: i2 H
      contentWidth=document.supertext.document.width, t: x: @7 v+ R/ a$ J& k
      contentHeight=document.supertext.document.height5 Z. q# f9 |- L
      document.layers["supertext"].visibility = "show";
# Z0 u' w1 M5 R4 \( I. V      }" H9 {" `1 J6 d' E3 h+ N8 f, Z
   setTimeout('moveBall()',400);
3 D! S' X5 b7 s( J1 l   if (hidetimer!='')
, r: P# h+ N6 ~7 K* `* g2 }# M   setTimeout("hidetext()",hidetimer)( m3 g8 h) x8 y6 q) X
   }
3 L/ l! ^5 z! S+ n  E3 Z0 @% C; ^: R& s. A% X% R
function moveBall() {, @1 S% t  g/ e5 Z: o* K
   if (superballRunning == true) {
3 R5 h8 y4 \; ?      calculatePosition();0 O- ~9 r, z* R) M! e3 b; l4 ]
      if (document.all) {
: p9 L* j; p! x, K8 u  x# q- h. t         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ T* n) g+ o1 ^9 L5 n% r         document.all("supertext").style.top = yPos + document.body.scrollTop;
% t6 d7 [$ q" X; ?9 c) P         }# Z/ G" h- z* \- U/ X( F9 `7 m- \
      else if (document.layers) {
+ B! G$ W+ G6 h2 k         document.layers["supertext"].left = xPos + pageXOffset;6 O# k8 W; ?' [/ Y5 C
         document.layers["supertext"].top = yPos + pageYOffset;. ?& Z. Z! n" J: H! `# Y
         }
9 m3 V8 T; \. m3 S( q      animatetext=setTimeout('moveBall()',20);
- f4 B  L, @) I: c1 P" c      }: V6 N, q7 ~9 h! W9 |* j
   }
  b& H4 g/ G% Z, s; ^9 L1 U# B/ u( q8 |4 z
function calculatePosition() {
. T! v1 ~4 f9 w* O% d% L   if (xDir == "right") {' B7 o% w7 R1 g0 A. i: F
      if (xPos > (xMax - contentWidth - BallSpeed)) {  z. b" d" U/ z4 S8 J9 F# ?7 x; Z
         xDir = "left";
/ i* V+ l( {3 [/ i         }
6 o# J1 M% @" @4 E9 H+ G. J9 n, T      }
. a; Q7 f, ?' n! B. b' d   else if (xDir == "left") {
9 k3 i& ^2 B; U/ }7 c4 i% |. o      if (xPos < (0 + BallSpeed)) {. L# E; S' u, o* F( V0 U
         xDir = "right";
' T. z8 N) _& t/ H         }9 k- {, L6 m* G" K1 N
      }3 ]8 a" A' G8 C9 i5 ?2 D9 g  Q
   if (yDir == "down") {) \9 G) p" h$ q" j1 _* Q' [
      if (yPos > (yMax - contentHeight - BallSpeed)) {, i" u/ o4 ~- F  c, U
         yDir = "up";- P! |/ g9 |: x3 \
         }' g7 O* c( s8 i0 P8 M7 N
      }
5 P* e! C& Z& j) B5 @: n   else if (yDir == "up") {
  _1 O: j, l* d  Y& g* e, v      if (yPos < (0 + BallSpeed)) {
, o8 h1 g1 I- w3 ]* L: s7 m         yDir = "down";
: g! }! w8 _( r! s         }
% S8 K, H* B0 |- j1 P( N+ M      }6 F9 v( L4 k, t, `0 P
   if (xDir == "right") {" U) B- R) G* h, i+ d1 Z% I- f* p
      xPos = xPos + BallSpeed;
" ^4 Y2 L( g  Y      }2 J2 ]7 A' V3 x
   else if (xDir == "left") {
+ _4 k- p4 o- i* C      xPos = xPos - BallSpeed;
- j. D4 W" o6 p% z5 @) {' s& U      }2 C/ v2 p  U% \1 Q3 @- ]
   else {
8 v. N8 N3 P9 t7 X- K: q      xPos = xPos;
0 k) i1 N  z1 t; U      }
6 L0 F. W/ N! |  x8 z) m; @) J   if (yDir == "down") {
# x* Y7 h& o1 I$ [2 @0 W  G      yPos = yPos + BallSpeed;
& o. i: P  A! v8 |6 L, w      }
5 j6 Q! D# h" W5 j  R- T$ X7 t: I   else if (yDir == "up") {, ~3 x  r6 t+ ~1 d3 Y. K5 E& L2 G
      yPos = yPos - BallSpeed;
) g, R9 B7 x5 d      }. _- i$ b; N& C+ z! }" P
   else {7 w) v! X" K( A
      yPos = yPos;
+ |: {! k$ X6 g! C0 S  O/ ~3 X      }- G3 R7 [7 R% A
   }) f9 a. `( G! t; L

" X) R/ T' c; V( `+ _) e. _, Kfunction hidetext(){
! _. J# L; N7 oif (document.all)
* `3 w# H: @: O- ~supertext.style.visibility="hidden"
7 ^; y1 E/ Z2 _! [1 G: H$ Z3 telse if (document.layers)6 \0 _" u2 T  y. D6 k2 |$ o" |
document.supertext.visibility="hide"  L/ l0 v- f1 X) t% T* q5 P
clearTimeout(animatetext)3 n5 S( A% T" ]' v( ?5 P, `" Z$ U
}* T* N5 H6 t# q/ P) q5 n

' d: N7 m! \+ l' xif (document.all||document.layers){
; s) Q/ X& T$ u5 F6 ^' Kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" m+ n9 B) p' W& m4 e4 e: ^5 m7 o
window.onload = initializeBall;
3 N+ i4 @# V9 ywindow.onresize = new Function("window.location.reload()");
5 h0 V( a7 N: M: k! {2 t/ A" g}
$ J' P; M7 v* ?: Q# C" P4 y$ P0 Y
, r- w0 h. M  x* a( w& z+ w4 l</script>

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