返回列表 发帖

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

<style type="text/css">6 V( K+ Z+ C* `/ f8 s. c+ |. j
#supertext {/ U& \: n: d# C
position:absolute;2 L- E7 s5 j& R0 T. f& x
left:0;
+ V5 J! D! M  D+ B( L. N+ mtop:0;
9 B0 |* ~0 [9 _6 C- r( n0 |# Ivisibility:hide;( h" r% p3 g0 G  k! _
visibility:hidden;+ l' s% F- V! I
}
8 w% j! \4 W! m6 H* {, ?</style>
' @1 u8 H: \7 f' I2 S<script language="JavaScript1.2">  c9 H, Q3 n' ]( [5 P$ g
<!-- 改变下的字体的大小。颜色-->& E- i3 @( O' {. f9 \
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 U- K' o+ W- G* K4 R  pvar hidetimer='';6 k; W: F% A* t7 }. y3 n# q
<!-- 改变下的弹跳速度-->
" b3 |  t! g! h+ V- t$ G3 Evar BallSpeed = 20;
) L* o6 L5 a9 W  L* ]2 C& Kvar contentWidth;
+ T8 I8 d/ c) V1 F1 d3 Hvar contentHeight;
! x9 N7 L1 u' D& h% ]: G. }: W5 nvar maxBallSpeed = 50;4 n4 ^/ T9 s% G2 @

. J+ B* E1 j: U# l. d
  c4 o% [2 f/ s5 f- b% evar xMax;
" z% \5 T4 @, k1 y5 {var yMax;: v) S: k% z( p8 B7 {" I) w) x
var xPos = 0;" A& {  k5 q: h+ `. s. X$ ]
var yPos = 0;
: Z: B! H+ D. t- W5 C" N3 s8 g& A8 Kvar xDir = 'right';
$ o4 p$ K! k" M6 Ovar yDir = 'down';6 z0 i7 s' X1 Q
var superballRunning = true;: R/ i7 g0 ]0 p9 h( X2 |4 H. b
var tempBallSpeed;/ q0 Q, G2 Z1 ~& [* M3 f+ Q/ C
var currentBallSrc;
# P3 _) G( }! _: Uvar newXDir;) P9 q( Q* F- o# L$ O
var newYDir;% p9 H( E$ i! ^5 h0 o0 h  m! L7 g

7 k% o7 R% [0 C- S* E" p2 Cfunction initializeBall() {" v2 ~- N7 p7 z; @* g1 @7 ]- J
   if (document.all) {
3 W: N6 d5 a" F' P( m      xMax = document.body.clientWidth' D2 a7 p  R- _5 e3 p( g% }" \
      yMax = document.body.clientHeight
6 O/ R( j$ u! p# z      document.all("supertext").style.visibility = "visible";
5 O: a  \: ~# [9 `8 H      contentWidth=supertext.offsetWidth' q/ y7 h8 ~+ Z# M
      contentHeight=supertext.offsetHeight
1 c6 M; P; w9 I2 k      }
/ t+ V' T& M+ [+ S3 N& P   else if (document.layers) {
  }, W3 D& A2 v$ n. o) E5 g6 T      xMax = window.innerWidth;
4 N, P$ k5 Z% r; c/ V1 h5 A      yMax = window.innerHeight;
) W" x9 r8 U0 D9 S  b8 g      contentWidth=document.supertext.document.width$ b5 U/ H: u6 X5 l* c9 B2 X
      contentHeight=document.supertext.document.height
/ j9 L: l% C3 A0 A1 H4 ~      document.layers["supertext"].visibility = "show";; d# f) V5 l- d3 b. [# R7 \
      }( p- n7 Y/ k7 t6 }+ C! R
   setTimeout('moveBall()',400);% M7 Q' F# ^, W' s5 O
   if (hidetimer!='')
' s) c. ?5 X& X+ k  F! `   setTimeout("hidetext()",hidetimer)1 O2 B+ ~7 v5 ]2 N. C$ ~- s# U; F
   }
3 Y. z# t/ l. H: K  Y; q$ A' {$ Q6 W& X$ P! p
function moveBall() {  c% r& e: o3 i) o& q) x
   if (superballRunning == true) {
: z. b0 e7 B$ [$ E+ A8 W3 j      calculatePosition();1 y3 T9 c0 e+ ?* U
      if (document.all) {/ @$ d6 ]4 y) F+ ?/ R/ g; B
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& F. O5 P; o4 F7 I. I         document.all("supertext").style.top = yPos + document.body.scrollTop;+ _' p; S$ P8 u# h+ @. ?. ~4 b: ~
         }
! @+ Z9 H+ D3 r) y( u      else if (document.layers) {
% r$ @% G* q/ f8 ~& x         document.layers["supertext"].left = xPos + pageXOffset;
4 A% L9 h% C4 W3 f         document.layers["supertext"].top = yPos + pageYOffset;' {+ R8 H. ^8 F+ D# c
         }
& {. E6 @5 s+ b9 w3 {, s2 u      animatetext=setTimeout('moveBall()',20);  ~! p$ Y8 C  e; k9 O' [9 M: T
      }& `4 Z* w- x$ n% Y, G( g$ s$ F
   }/ X5 r9 v) z8 g
4 m6 p& e7 J; w9 i  K
function calculatePosition() {  H& x2 I- ~. w# e( r9 U
   if (xDir == "right") {* R% c0 D! F3 o# h& f; L
      if (xPos > (xMax - contentWidth - BallSpeed)) {+ {& u$ g6 w4 f4 D- J# l
         xDir = "left";
  d- R3 Q6 g4 i- Z; m4 X/ Y         }$ p1 S9 p; {- l3 V" d2 X, M; E
      }
/ x% e7 n5 C* D( i1 W. S   else if (xDir == "left") {7 M' S$ E9 A1 X' O' _
      if (xPos < (0 + BallSpeed)) {: A: O& o( S( f8 W' c
         xDir = "right";
: L" M; J% `) _- l5 T         }
2 [" \: W" o) Z  z$ Z# f      }
& ~/ `9 z) ^( p( W1 q# i   if (yDir == "down") {+ n% w) P8 b' @( d$ W
      if (yPos > (yMax - contentHeight - BallSpeed)) {
4 ~4 M# |) M$ q2 }: Q         yDir = "up";
  }, r8 y% a+ z3 U, y: n, z$ V         }. @$ [; r( X( @' i
      }/ h' r& ^/ n: G9 o. t8 V& F
   else if (yDir == "up") {
' v7 m. z, f7 F9 z7 h4 m1 w' \      if (yPos < (0 + BallSpeed)) {
* @5 X' |# V. p( \9 ]         yDir = "down";& U- D' P6 b+ |; D
         }# E$ k  f/ Y3 j
      }+ _& y& O$ ?  P9 X* H: M9 p3 _
   if (xDir == "right") {: c: w, L  I% E8 h+ I
      xPos = xPos + BallSpeed;7 r, s6 @; v& v  h5 l( a
      }" d3 o6 O. V" H+ Y) N* o
   else if (xDir == "left") {6 \, r7 v% D0 d* }2 p$ h+ z# B, G
      xPos = xPos - BallSpeed;9 R/ {  ]  R; r+ c( S% Y1 \
      }0 @, c$ [  u4 W1 a; V
   else {( k& v9 z, c; n" x' J
      xPos = xPos;
! z. u4 m+ d% m7 a  x9 E5 p      }
! y. s' T  `; |% q   if (yDir == "down") {
/ J. v( g: x' f9 n      yPos = yPos + BallSpeed;
9 M8 [8 \0 d3 k# V      }
6 w: @, \4 o; j( u( x   else if (yDir == "up") {
# G/ x9 F! l! X1 J% K      yPos = yPos - BallSpeed;
4 M( K# r5 `( M- g      }
, o3 H1 L4 U; W/ q/ |! u   else {- F9 x6 _; t1 O
      yPos = yPos;7 O$ h! |1 `* y8 b7 {
      }9 w- D! C* n* U  w% e
   }
+ y+ S1 s" t0 i8 I0 j6 c) a9 `" w# ~8 i4 r
1 V& s1 A0 |* w0 N$ a" Dfunction hidetext(){( k+ }0 i" a0 J
if (document.all)( C9 K& k9 j! L; l& `& [5 M
supertext.style.visibility="hidden"
, @/ e" r+ ?  T6 eelse if (document.layers)3 o9 ^8 A  T! S3 ]8 e: p! U
document.supertext.visibility="hide"
- Q/ F2 B: S& b8 w) r; ZclearTimeout(animatetext)
( _$ h$ y. d$ }" k9 G* L}/ n3 p% Y% [! @  }0 P$ }2 z% s2 H

2 d2 y4 V4 r3 X$ B$ P1 }/ F3 Uif (document.all||document.layers){2 a( q( D4 ]+ z; k- s3 h
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
, s6 ^" X# m& G# X- f5 bwindow.onload = initializeBall;
. r* S4 b6 T) S0 O0 I3 [window.onresize = new Function("window.location.reload()");
% [/ j. h2 k% A, }% j( S" o$ e}
, N. R, V! w0 f9 a8 c
+ J- j8 }  H+ k' Y$ C* u</script>

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