返回列表 发帖

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

<style type="text/css">) p* z% J8 u3 R
#supertext {; |/ P  l9 _  d  H/ j8 x3 v) A
position:absolute;
! }7 T2 f6 I  Y3 o, U# F( \; vleft:0;
& {- f  E" f) o3 A9 O" @* {top:0;
% F$ y$ p* z- nvisibility:hide;7 p( }( K; y: ?3 z$ _, X
visibility:hidden;0 U# C; l# F( [
}
7 X( w8 h, H, D, f: b: e</style>
% M6 d/ m4 h; v. l/ n- w; U<script language="JavaScript1.2">
( j7 R& l6 n5 r7 F0 d. ?<!-- 改变下的字体的大小。颜色-->. }1 q$ M$ G  g7 m7 J. M
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ Y& m' q, `0 r  P  [2 E
var hidetimer='';
& b. A: L. l6 @5 d/ s) ?<!-- 改变下的弹跳速度-->
6 ]2 F1 P- `9 C3 S. zvar BallSpeed = 20;
+ T' x. h( g, Uvar contentWidth;# J: j4 ~1 w0 K9 w1 m( V0 s
var contentHeight;
2 J* C) J2 v! U2 J* T. {var maxBallSpeed = 50;! g! A& n9 |- m+ ?3 O1 a% m! J4 o

' b0 L- e% M+ d) r$ W8 e3 {
) \2 ^+ z2 g& Avar xMax;
. M* i* B( K' wvar yMax;8 J" f; A# O% S  S& R/ U% W
var xPos = 0;* @: [( g0 O7 A0 c- s+ P
var yPos = 0;
7 p: i* v- V! c& f, [* V, U; hvar xDir = 'right';
0 i8 y8 R, w5 K2 F+ j; r% C* |var yDir = 'down';( b, y8 _1 V' _# |2 V9 F
var superballRunning = true;, r( x/ m; F& }
var tempBallSpeed;
, [5 I1 |3 o( t1 m4 P) z& |4 rvar currentBallSrc;" p& b/ J9 r$ {! r; w! i4 {
var newXDir;% P4 \1 x$ y* m$ Z% C
var newYDir;
$ L- Q4 H  q7 E3 z; J! L7 R/ c2 [0 G, |6 H# U+ `2 Y+ G; B6 E
function initializeBall() {4 s: \6 [/ D4 V' G7 Y3 R/ `) t
   if (document.all) {
& O3 v, P4 `; w& A4 W      xMax = document.body.clientWidth' A2 z2 |8 I7 |+ L' U) G' r1 C
      yMax = document.body.clientHeight
: n% X3 N3 y  k      document.all("supertext").style.visibility = "visible";
1 q2 m5 q+ h, T1 k8 B  @0 n      contentWidth=supertext.offsetWidth: x* d- `% Z5 A+ `8 h% p
      contentHeight=supertext.offsetHeight. ^, Y9 s9 g3 b; B
      }
# ?( G: y; g: m4 r   else if (document.layers) {
/ g# r. ]7 o( R. }$ u# x! D  b3 n9 W      xMax = window.innerWidth;
+ A: n3 K- |8 f1 F      yMax = window.innerHeight;& t% m7 h% {6 P) Y( ]; Z4 k
      contentWidth=document.supertext.document.width# F' ~  u/ x% z( z: W3 ^
      contentHeight=document.supertext.document.height- E/ q8 E$ y% r. Y
      document.layers["supertext"].visibility = "show";# i- S$ f7 Z7 }3 i  l+ S
      }4 h3 N* @; i3 \. [9 p
   setTimeout('moveBall()',400);& Y" S2 @4 H  [5 ~
   if (hidetimer!='')
( R) ]" V9 `/ V$ y; |$ G# B4 l   setTimeout("hidetext()",hidetimer)3 ^) S# V: D& l/ B& E# k2 G
   }
+ x" ?# y+ `9 b) E9 B/ T. M# n% k# J  b: X1 w$ [6 E: v
function moveBall() {: I; v" {' t2 ^1 s! T
   if (superballRunning == true) {
' Z0 L& @$ J$ Z- G8 H      calculatePosition();
1 B5 U. M4 q- r      if (document.all) {
- a% |2 W8 k/ l) l! v; E- w         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 ^/ M  _, A' [" i1 L% Y
         document.all("supertext").style.top = yPos + document.body.scrollTop;2 |1 _$ }/ X6 I' `
         }  M  R4 s" s2 U& r7 H( `- Z: P
      else if (document.layers) {
( W) h/ w0 l" L* u2 W6 b: E6 b         document.layers["supertext"].left = xPos + pageXOffset;" `" J6 i( q( h; N' {
         document.layers["supertext"].top = yPos + pageYOffset;# p/ `) c, }6 T! a0 J6 }0 ~  u' b5 S
         }+ F! F' |8 u+ E$ f7 P) u2 i# ]
      animatetext=setTimeout('moveBall()',20);' U1 ^9 N! \, B' d5 D& `( _7 V
      }0 C8 k$ F. M- K7 Q; P( h' f6 h
   }
: {' ~' }+ H# N% N9 c
# @" k  T! T9 L' O3 r: K7 sfunction calculatePosition() {+ ^% r: @  n" W; g
   if (xDir == "right") {' n4 E# V) {  J+ \/ m
      if (xPos > (xMax - contentWidth - BallSpeed)) {5 t6 l& Y+ p. q3 B3 O. g
         xDir = "left";
& ~- X+ d  \% }( L; r$ d/ {         }
2 k' G+ Z  k7 A0 ^/ S# b8 \      }
; v) z; w* h$ ~9 F" w; m   else if (xDir == "left") {4 ^0 ^# {/ \& K. }, X
      if (xPos < (0 + BallSpeed)) {6 x1 v+ s; k4 J7 i: K4 @
         xDir = "right";5 w; O6 j3 }/ p2 p
         }. g! I( i6 E) B: w+ G8 j1 z
      }. c* T7 a  {9 ~$ b9 E2 ]
   if (yDir == "down") {6 W: s6 R' y8 n. ~7 \3 Q
      if (yPos > (yMax - contentHeight - BallSpeed)) {5 S- e; C" |8 y! \
         yDir = "up";
  g& ~3 u* @# C" }0 L, e, M         }
* n; t" R/ e+ Y9 @7 W1 C2 P1 \      }
0 a2 ^* Q# x- D" ]. ^$ m, Q   else if (yDir == "up") {
/ Z7 }, [0 ^& K+ U0 w6 ~      if (yPos < (0 + BallSpeed)) {! F, w4 ~& M7 C0 o1 k+ M/ x0 ]1 r
         yDir = "down";6 d0 l4 ^/ t' b( l! u+ P: B2 k3 X
         }% f0 k& }- @- M
      }0 d  N; F0 Y0 u5 p
   if (xDir == "right") {
" _( `3 H& C1 D5 r# H  C! h+ J0 a  n& ^      xPos = xPos + BallSpeed;7 |9 D- ^+ m/ v2 u: p9 M
      }2 h, p  P5 L. q0 p9 V
   else if (xDir == "left") {% J1 L; R( z# Q; r% ]7 \$ J
      xPos = xPos - BallSpeed;
6 l: _$ l4 e; l% n0 ^4 ^' e      }! x( x2 h* e. j6 j6 g. _3 w
   else {8 W% x. k- K# Q3 q& p, \& A
      xPos = xPos;" I0 o% ?$ ]9 h2 h& _
      }% W2 C! ~. N! a8 ^9 x
   if (yDir == "down") {/ |- k  G" p4 l  T" ^$ K
      yPos = yPos + BallSpeed;
) x5 u9 _8 I2 t4 o      }* n2 n- G0 g& c1 K4 T
   else if (yDir == "up") {; ^5 ~& D0 f6 Y8 b, n3 Y
      yPos = yPos - BallSpeed;+ y- q& t; x. d0 U+ k
      }1 Z" _) E1 B. k: R5 w! v
   else {
! O) ^9 c! _5 F3 f& E      yPos = yPos;0 K( F$ d& Z( u" R0 ^; O
      }
- T/ h6 a" a9 d5 r8 v4 Q   }) p2 P: L8 R$ x- L7 r! x9 P
/ f; o* G, [8 n' ]' z" z
function hidetext(){; f$ T; [' h' y
if (document.all)
9 }/ a/ e" V6 s* K, Ksupertext.style.visibility="hidden"
) t2 Q1 D4 b3 e, G& H6 b6 Eelse if (document.layers)
1 E! G) b! k1 [document.supertext.visibility="hide"
! [- S1 p3 f; `& Y9 ^1 O& g, A6 L0 AclearTimeout(animatetext)
. f4 }6 A: N+ K) s}
+ V' J& H$ e7 Q3 n4 [5 _2 j4 w/ A# S4 E! j% p) N
if (document.all||document.layers){; Q! f. l4 Q7 F# N. ^6 N
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 r4 C1 \! N2 r2 e( M! U
window.onload = initializeBall;
6 Z" \8 L0 L# s. nwindow.onresize = new Function("window.location.reload()");
4 B. a; U; C; t, v* Z& j8 m4 S}
( H. s2 L& L' o$ F3 r8 M3 H# _6 F6 x8 m5 W% g
</script>

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