返回列表 发帖

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

<style type="text/css">
9 j6 Z1 ~$ Z" c: G* B#supertext {) {& |+ \1 J. A$ U! n7 o" V. l7 G
position:absolute;
; ~6 e; \  R# g  n8 b% _& X" vleft:0;# `! r  `; v. p7 b5 ~2 a$ o1 D
top:0;
0 e+ O9 T; s# F1 d0 W& Z$ Lvisibility:hide;
8 v7 j7 F3 |! ], ?visibility:hidden;
& F. }1 N+ c% b) n}
9 w: X1 {7 A; \</style>0 }9 O9 X; i2 R$ y
<script language="JavaScript1.2">- e5 p' T: {) g. U# ?, g- \
<!-- 改变下的字体的大小。颜色-->
7 A. |# o5 f2 P0 yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% ~2 J5 d. ]; g* h2 H  h
var hidetimer='';! Y! H; h6 g3 [3 X. J! G: }" S/ a& O
<!-- 改变下的弹跳速度-->
" ]7 N$ W9 U- b+ Qvar BallSpeed = 20;% r) _4 b3 g- r+ b
var contentWidth;$ ~, j/ M" f3 N/ ~( ~5 V
var contentHeight;
( K/ t% @4 E: ~+ D7 @var maxBallSpeed = 50;2 A5 N0 |. l) S

& M7 \0 Y. y) A9 t2 W" g1 {# D
& Y8 T: I- L3 b' Q; Gvar xMax;, a1 d( q4 x( |. l/ @( Q- c% I5 P
var yMax;
: R3 o  k3 V) |* W0 kvar xPos = 0;* S( D# ~  o$ d5 x% U. r$ ~
var yPos = 0;
; o' H; D2 j( m6 s! a" Rvar xDir = 'right';5 Y2 C, s$ Z3 w+ [3 W
var yDir = 'down';
) g# ]$ w5 L; q9 Y* E5 l- T  t+ V0 Hvar superballRunning = true;
! V( L: N! i, c; W- t. I0 ^! Bvar tempBallSpeed;
( Q+ [- ?( F6 C0 C+ e8 E5 ]  Pvar currentBallSrc;
# S7 q- }4 O1 |, ^9 yvar newXDir;
; ]) T$ M! i& ?( Z" d, `var newYDir;+ [4 I; @3 V5 b

. S& s: g3 H+ E6 d* q9 S  G) i8 bfunction initializeBall() {' F. D5 t- G% R) M' U
   if (document.all) {  t6 P5 G5 W* w0 K! y8 s
      xMax = document.body.clientWidth
2 i2 s' K- U- v3 e, H% e0 c      yMax = document.body.clientHeight
2 q+ F9 y( Y. f2 ~      document.all("supertext").style.visibility = "visible";, `" t! S4 m- Q! }+ ^
      contentWidth=supertext.offsetWidth
3 k# N3 O1 W+ Y* ]* {# X      contentHeight=supertext.offsetHeight
( W  x2 h& s% d% ]      }) U' a) A: L' \# Y: ~) z3 B
   else if (document.layers) {9 Z- T) Z+ L# t, \0 J$ H4 P
      xMax = window.innerWidth;- L1 ]- |5 `) Y# ^# K
      yMax = window.innerHeight;( y: X3 ?2 A$ y% W3 E0 R: o
      contentWidth=document.supertext.document.width
3 o$ p: t# r$ |# x      contentHeight=document.supertext.document.height, p% J* k6 w0 @3 y
      document.layers["supertext"].visibility = "show";2 D* u2 ~. R1 \; N0 V' |) \9 S  q3 Z
      }
' p+ i  S% m. z( r% I: h: z' Q   setTimeout('moveBall()',400);0 d* W+ ]7 a2 \* h
   if (hidetimer!='')" d& m5 H7 {0 J0 v; g
   setTimeout("hidetext()",hidetimer)
" c) I, Q1 D1 ?& ]% U( \   }5 [; W# ^8 \) W( h' l

  c" O# y0 V( ]1 V! L0 lfunction moveBall() {- L. v2 |" u& [- q: W
   if (superballRunning == true) {: {7 r( \: Q( P: H) E* {7 Z
      calculatePosition();  O7 k  F0 V6 T( D6 b) l
      if (document.all) {1 e$ O, K% J: z0 X$ W* a# }
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& H6 t/ g. t' s  X) k0 Y         document.all("supertext").style.top = yPos + document.body.scrollTop;" [0 U  u9 H6 @8 ~; y/ S1 B
         }
- L% R1 u6 U( H8 ?* D0 q- O8 [  X      else if (document.layers) {
5 ~5 S6 C3 [7 j" y, ~2 S         document.layers["supertext"].left = xPos + pageXOffset;
* Q  X! r: b7 q9 x6 }% |6 `         document.layers["supertext"].top = yPos + pageYOffset;* w' r3 ?: K( s  P' O
         }
4 \* }; n3 Q; ~, A" S/ p1 Z      animatetext=setTimeout('moveBall()',20);
( w, U; D6 O* v9 l- S$ O4 m& R! u- O      }
! y0 v! j4 l/ X4 K5 X   }
9 w6 F0 n& K6 a0 y
0 y' D- a5 \  A# Efunction calculatePosition() {# {0 R- K, p! i# x+ T2 i. A6 C7 h' X
   if (xDir == "right") {, g$ X$ y8 _8 g" t. P& A
      if (xPos > (xMax - contentWidth - BallSpeed)) {& [1 K' y1 @8 b, b8 x, X
         xDir = "left";
( u' u3 }( `3 q; {; e  @         }
" p, o. c0 y. D4 H& `: {      }: R1 o+ }0 |' V2 y
   else if (xDir == "left") {
# G( J4 K6 k4 o* J$ j! T8 W# A. C      if (xPos < (0 + BallSpeed)) {
  y+ J& m( `( G: U         xDir = "right";' j2 D. J+ d) k" m
         }& [" w1 k5 J7 O, f% [4 W
      }- I5 v9 D" t" u
   if (yDir == "down") {
. b& @) w# }# m' _% r# P8 l      if (yPos > (yMax - contentHeight - BallSpeed)) {
- }0 T1 E/ @- v7 X$ X         yDir = "up";
5 a9 d' n6 x# Z. d$ a         }
) X/ @9 L, O. y3 l  M      }! D# {9 I3 u/ A/ R
   else if (yDir == "up") {
: Y& k! f9 _8 b0 P/ Y* N( ^      if (yPos < (0 + BallSpeed)) {6 N6 k  L6 X  U
         yDir = "down";! N: x/ o8 a2 E  Q
         }
  }4 w# t, k* I, W      }
9 ]& Y1 n/ q) x2 A" t2 m# ^& p   if (xDir == "right") {
! u) d" k# q' w: n: h# Q      xPos = xPos + BallSpeed;
1 J2 l7 y  s8 f6 e$ a8 w, R2 D      }+ m# b; x: L# I, ?3 o# n9 m
   else if (xDir == "left") {
6 ^3 a% q0 P. y4 }) N; t; H      xPos = xPos - BallSpeed;
! z8 Y5 a+ W8 U! Z+ v      }
0 W* Z( J& A: X* j   else {: L. O" ~& _+ k$ w
      xPos = xPos;8 A% V  U# z/ |
      }
( }  U5 }5 x& l3 q" u) g# }   if (yDir == "down") {1 p. g0 H- H4 c" D
      yPos = yPos + BallSpeed;$ ]; W3 x- V2 G% r/ B' C2 o2 f; u0 b
      }
4 B$ p* \/ {0 v# B/ t' h8 G   else if (yDir == "up") {& v- |( m8 e; Z% C. X# |
      yPos = yPos - BallSpeed;
% B& X+ U0 ]4 t2 o0 M( U      }3 }' _, f) `' ?1 q8 A
   else {
% H* ]* q" o1 O: H      yPos = yPos;, u3 r: R8 ~  }
      }  l  @9 E/ G5 O6 R
   }
2 [; C/ c) O$ L6 F; `* M/ Z' h- T" ]8 q
function hidetext(){1 m7 v0 `& C+ f" J
if (document.all)% {; W) u. w: N$ r5 B
supertext.style.visibility="hidden", S2 M) D2 [- Z' s$ d
else if (document.layers)% i( a* q! m2 A- ]2 C) z$ o/ C% |
document.supertext.visibility="hide"0 d+ x1 ~- W$ M8 Q! m
clearTimeout(animatetext)% @3 Z3 J" O) f* z( a$ [+ m
}! n4 ]; o( e/ l- a
! b* h  f- L! [3 P& d0 s
if (document.all||document.layers){/ S$ ~  J) R( b7 Y# F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' d8 k7 z# }; r/ Awindow.onload = initializeBall;
! P4 }- |, a+ h/ J" T! t1 @window.onresize = new Function("window.location.reload()");' @! z( w: C3 Z5 v/ r0 B
}( g) M( I- C; f. p- ?; L

4 z0 r4 I' e. c: k</script>

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