返回列表 发帖

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

<style type="text/css">& s( l. [3 ]  z! d; D7 {
#supertext {
: |0 Q9 l5 I8 t+ U7 tposition:absolute;- t6 S  g2 i/ I6 p- X  A
left:0;0 v# F8 F+ U$ c0 U) _
top:0;& f0 c1 M% ?* F3 M" q. |
visibility:hide;
! _4 e9 T. a: D/ [visibility:hidden;
1 i' V( S4 U+ P; ~$ ]7 f/ {}
: f: ~' R$ U! z% R</style>8 }! @) d% r0 ^4 p* [
<script language="JavaScript1.2">" M( T! ~8 c2 K4 p# m# G! p4 d
<!-- 改变下的字体的大小。颜色-->
* M3 Q5 `  Y4 @  vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ g$ s3 K# a8 gvar hidetimer='';* f% i. _7 e, L! z
<!-- 改变下的弹跳速度-->! M& Y6 I5 N' P+ N8 C5 x
var BallSpeed = 20;- M2 f; x' J- Y; u# u! _
var contentWidth;% w/ w# W% K& n, y& s
var contentHeight;8 l" ?5 ?$ A( a4 p9 {3 C9 M
var maxBallSpeed = 50;
, S; ^  h- c) _5 o- {1 z* R  [3 o  b. {
# z( ]- O2 G- ~' d! H) Y: P6 g3 C
var xMax;" r( k. J/ {; \- v2 C
var yMax;
. u! N1 @0 ^9 h: p  S6 r9 Nvar xPos = 0;, A4 R+ v1 k9 B1 d$ }  n9 j. ?
var yPos = 0;
/ Q$ N1 d& G4 G: Vvar xDir = 'right';
$ Q% F8 H& s  o& j) hvar yDir = 'down';
( C% i, y- ^- {: h0 G/ S" B6 vvar superballRunning = true;& c: I/ i7 j% |+ E
var tempBallSpeed;4 g$ L# ]0 g" y( S# {# @
var currentBallSrc;* ]( j$ i6 S: C- Z0 ~  q
var newXDir;
& K7 j. J/ x) e; O: `. kvar newYDir;
9 q. h- ^+ I9 {) G% S$ R& ^# ]4 C8 u
function initializeBall() {
+ d4 K5 n% B8 l" f" ]/ R7 f   if (document.all) {
4 o( d" V/ k6 H5 q      xMax = document.body.clientWidth% {1 ^, e! i0 Q( g1 K
      yMax = document.body.clientHeight, @& X" t. r2 v
      document.all("supertext").style.visibility = "visible";2 v: p! S$ D+ k( P# O8 G4 u$ ]
      contentWidth=supertext.offsetWidth
9 g! F( x) {9 ^, W      contentHeight=supertext.offsetHeight
. B( X; Q/ S9 o& W      }
4 |6 f. R& `2 I   else if (document.layers) {6 _) C3 e; J) e5 }, _8 [! B
      xMax = window.innerWidth;  |2 j* R. [' X! O8 Y
      yMax = window.innerHeight;
# Y! \7 M- l% e9 G9 ]      contentWidth=document.supertext.document.width, h4 D1 g# n! R- n" Q4 ?* _: V- v
      contentHeight=document.supertext.document.height  o8 q. j% b5 @
      document.layers["supertext"].visibility = "show";! f9 K8 f% H  J0 E$ b! a3 ~4 d
      }
7 ]8 x, c9 O4 U7 d* Z$ a   setTimeout('moveBall()',400);4 q4 Q7 s9 u2 _  |3 Q
   if (hidetimer!='')
& z. Q  Y( ~! O   setTimeout("hidetext()",hidetimer)
8 l+ o8 B# Y: \   }; l5 Z& O8 t4 i) H/ r6 {

, ~, ], h3 m+ N* u4 yfunction moveBall() {. y7 P5 g) W3 j1 `. ^4 |) M
   if (superballRunning == true) {2 L6 P1 ^; V# v7 E# R5 g/ e
      calculatePosition();
/ G9 _3 ?6 @* W- ?: ?1 v      if (document.all) {" ]% R6 J6 N9 d; T, E
         document.all("supertext").style.left = xPos + document.body.scrollLeft;7 X. k( }( k4 l' P- R. w/ f4 o
         document.all("supertext").style.top = yPos + document.body.scrollTop;' Q* t/ C3 S) e' P* @1 \
         }
* b8 ~; g% R' O4 a- L/ p      else if (document.layers) {
: E7 @$ {: ]4 }( x1 [: B8 s, B         document.layers["supertext"].left = xPos + pageXOffset;! K# `5 R) `; P
         document.layers["supertext"].top = yPos + pageYOffset;9 H: ]3 z4 j" H1 r" `( n
         }
1 v! j1 m5 K% h# Q% l      animatetext=setTimeout('moveBall()',20);" r5 D5 }9 Q- _; \  t
      }8 T$ z9 Z- S( L- ~' M- \0 K4 L
   }
# o7 U! Z) e  [0 m' ?
. S9 W5 c/ D! m" Yfunction calculatePosition() {  Y$ j4 W" B" E; }. ?
   if (xDir == "right") {9 f( l9 e$ ~, r( J3 w
      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 [, o4 U, g8 l* D& b) s+ M8 c         xDir = "left";+ w" e5 ]' e6 W; z5 l
         }" ?4 X! j9 d7 b6 e) s5 w! ]
      }
. ?# H, k; h  k   else if (xDir == "left") {' Q" j) }) {: _8 q% G0 I/ k
      if (xPos < (0 + BallSpeed)) {
1 H- R5 C; ^' j2 N- L7 [, E: ]' q         xDir = "right";
6 u) m# [3 I2 z3 @/ k         }
4 f$ I5 e/ o" M! K0 L+ r      }
  t" s# ~& L4 U& l6 C* K' q$ l$ }   if (yDir == "down") {
* o: B2 Q/ r2 R8 z& R      if (yPos > (yMax - contentHeight - BallSpeed)) {
  c$ m9 n4 l- h% A  e         yDir = "up";
9 r' x. j9 e/ t5 ^4 {# y3 E         }
1 _0 v$ U9 M7 K9 t' D' G      }1 |& n1 X- [5 E
   else if (yDir == "up") {# H' w% Y) @' w! Q! J
      if (yPos < (0 + BallSpeed)) {# O$ `. ~; E' f  ~* {! h  R0 ~
         yDir = "down";/ t. p: l$ B, n/ p8 I  q
         }: `( K  [2 J' ~1 z+ m& H9 X5 T
      }
( S* P$ M7 @8 k$ l* q   if (xDir == "right") {5 d; m+ a0 r9 w& G' l2 F- f
      xPos = xPos + BallSpeed;
+ R! i& ^& b- |# P4 t4 c9 L      }
7 O( `: Y) U6 M7 Z   else if (xDir == "left") {* ?5 I$ v; c5 v+ ~- p
      xPos = xPos - BallSpeed;* F! V3 p# A- }3 C
      }
/ x, G* r) _& ?6 O2 D" g   else {
2 P; ?0 x; g8 Q3 |      xPos = xPos;
2 J% b) ?) j  l' g4 N( M5 |      }
- [9 z. B; U+ z7 E   if (yDir == "down") {
+ ?3 P5 A7 v; f( K9 s3 x" D$ F      yPos = yPos + BallSpeed;' i8 ^! q0 P; u, a4 E: x/ e! Y' L+ R
      }1 ]% M( i" ], _; \  ~5 y8 r
   else if (yDir == "up") {
% i8 H* C  B8 A/ T9 F      yPos = yPos - BallSpeed;
/ D7 x; ~. v3 \; i$ e1 i      }" x% u+ `/ \2 B& r* K( `
   else {
" r3 M: I3 S7 `' s( a      yPos = yPos;
* t; t6 P! H/ m/ E4 C  l5 C      }3 I1 F' }# }( |# U8 f4 h7 L
   }. R) ?7 Y& a! M  g6 F) C: ^' Q! C
$ x/ U+ I  l0 ?( Z( j
function hidetext(){1 n( y+ {, x% M; K& p8 N
if (document.all)4 R! F  N4 n+ w4 J3 T2 M$ u
supertext.style.visibility="hidden"
$ Q$ _( H5 u- g8 {& v2 g9 [else if (document.layers)/ t8 W3 W6 w( ~2 R8 a! f4 `4 {+ `
document.supertext.visibility="hide": z) h( P, b( U2 p: t
clearTimeout(animatetext)/ U, v6 K( Z/ M) i5 @# W: v
}
! e7 g$ m) z; s) O* K1 r2 m# o+ h. m5 O  J( l
if (document.all||document.layers){
  _) O( Z: A! W6 K2 @, Q' h; Udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 H; k  ]: f' I" B8 ^/ k6 W
window.onload = initializeBall;
2 p' [5 J' k' [2 Bwindow.onresize = new Function("window.location.reload()");
( y4 B& j8 l; }}# `6 w2 }0 y% x7 Y0 ]* X: p
6 H7 F. b0 J0 s2 n
</script>

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