返回列表 发帖

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

<style type="text/css">
& d* t  x# e1 T. b; [3 F#supertext {, |7 v: O/ J- B/ r
position:absolute;, M' R/ X% s& w4 \( A4 G
left:0;" f* [# N6 e! S5 K0 L, T! d
top:0;
2 I1 r/ B$ p9 c7 yvisibility:hide;  l# N9 X8 S9 L9 z  N1 ^
visibility:hidden;& y  f: g$ S, e) p7 a, x2 @
}
2 e1 d2 ]% J7 f: Y</style>+ q1 D' l( ^2 [$ D4 V" c" s
<script language="JavaScript1.2">
, g5 i; m2 V; F* R$ v0 f<!-- 改变下的字体的大小。颜色-->
- q3 h9 A. G- R, {. [+ f8 `var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( f# j6 Y7 {- jvar hidetimer='';
. J# z2 R: H5 w$ h& w* U% N' p<!-- 改变下的弹跳速度-->
% t5 L& @; U2 K  k$ d" k- Ovar BallSpeed = 20;" p& u: \$ y+ j5 Y' x: Y
var contentWidth;  z& {$ l$ ]$ m5 a9 |! c# a1 X
var contentHeight;* \4 `6 s( f- S! U
var maxBallSpeed = 50;, h6 D0 ^" z' Z% o
3 x; s2 v, _' V. v" B  h( h& b# C( O
' b0 M- t- d6 O+ f" ^
var xMax;, o- l  O* K. b4 n& X3 b7 z0 H- N
var yMax;) m5 {! P2 k4 E3 w; u$ ^
var xPos = 0;
' S$ @2 `0 F$ t* Z% Avar yPos = 0;7 V+ ~) d0 z7 Y% f
var xDir = 'right';0 u' P, k- d  e) Y
var yDir = 'down';6 c4 p$ @" X$ C# B1 E+ F
var superballRunning = true;
; @$ B  Z6 K$ \; ?4 r3 {! j6 lvar tempBallSpeed;# a( ?2 |. K2 g$ G
var currentBallSrc;
! T9 X6 p- X1 v6 t1 n, Rvar newXDir;
. y8 n. \% `! g  F  _' pvar newYDir;
( T, W1 |& D$ w2 `3 M# |& p& g% J* i0 i% ?6 ^0 Q6 V
function initializeBall() {' D* U) B! [  q  Z" G
   if (document.all) {
6 O1 i7 ^) ]& `9 W      xMax = document.body.clientWidth
. @- X! C. _7 z) V9 E6 d      yMax = document.body.clientHeight2 Z/ p9 B9 }+ G- O7 E+ X
      document.all("supertext").style.visibility = "visible";, O8 U+ P% K' m, k% r5 m
      contentWidth=supertext.offsetWidth5 ^+ k2 o( [# A$ L  f- v
      contentHeight=supertext.offsetHeight
% `$ t0 Q) w" t* {      }% x6 R( f$ y. J$ i9 ~7 x, G% ~
   else if (document.layers) {; u! O1 Y2 F% f* U3 p7 ?, w8 G3 _
      xMax = window.innerWidth;3 k" v( r5 S2 Q7 l" j2 v
      yMax = window.innerHeight;
9 z3 `$ [# l. i7 {2 [( g# ~0 c" u      contentWidth=document.supertext.document.width. c' `' W' C& [, _6 t# l
      contentHeight=document.supertext.document.height. G/ l- l! q/ [/ g/ {
      document.layers["supertext"].visibility = "show";: Y3 L0 G# @; L& F
      }# e" }. w# P+ b  w
   setTimeout('moveBall()',400);
0 r7 l% g) o8 a' O% t! @   if (hidetimer!='')4 \  J) g+ C, l  Z0 P1 O0 N- v& y
   setTimeout("hidetext()",hidetimer)
2 Y% O0 j1 v" p  l! q( r   }
2 W% N0 g5 ?( X" r1 ]
# n. E, d0 j  Z/ l5 N( `9 U) H$ Tfunction moveBall() {$ M9 f% Q$ R4 t
   if (superballRunning == true) {
; I$ {. ]9 S1 W3 O7 _      calculatePosition();4 Q; E9 l1 l6 u) m
      if (document.all) {6 {6 F/ }$ @$ v5 o- d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;' F# }. Q0 L# l# Z6 j
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ e" d8 f$ D2 S8 T; W" G         }3 ^8 j$ q4 ~$ R7 J2 g. H. i$ _, |& w
      else if (document.layers) {
0 y0 @6 y3 w" P: r. B         document.layers["supertext"].left = xPos + pageXOffset;$ \! X6 U3 d9 N
         document.layers["supertext"].top = yPos + pageYOffset;# J) ~( l+ U$ r0 s% ]' Z9 e8 \  |
         }
0 @; b" M0 Y- g9 s5 z' U3 Y; A      animatetext=setTimeout('moveBall()',20);
  X4 J7 [* k/ K" i6 ~- d      }
* r" l; p) m" M   }
& i9 f# ~" b( k4 f, g5 c* Q" G2 y2 H0 y$ @
function calculatePosition() {7 w' W% [& y+ R, e
   if (xDir == "right") {. G- D4 Z7 r' M3 X
      if (xPos > (xMax - contentWidth - BallSpeed)) {
; y  W: s& ]4 \* b         xDir = "left";  Z3 x1 A6 V+ r/ c" K
         }$ T4 z* }  Z0 `& w; p
      }" `# I( R" k  q4 ^$ f: N3 X- ~
   else if (xDir == "left") {  q  Q$ o' N- R# I$ B+ y
      if (xPos < (0 + BallSpeed)) {
3 q7 W2 y5 g1 I8 `- U         xDir = "right";
3 q' q% J7 U; s2 U) I         }
1 ?; p9 G! U4 _4 X5 k& t5 U0 s      }
2 U/ y8 Y1 s8 @) s5 U8 W   if (yDir == "down") {
2 ~7 @# m5 B, c/ f% K6 [: j      if (yPos > (yMax - contentHeight - BallSpeed)) {4 X7 z$ e: s# ~( g
         yDir = "up";- ]- i* l1 m7 }3 U9 l. j$ c
         }
9 b5 R! l; h9 X9 _& i" X( W      }5 Z6 g/ E0 D7 p
   else if (yDir == "up") {7 Q2 U( u" w% x. P: s/ s
      if (yPos < (0 + BallSpeed)) {- ^7 P! F. b# A" R
         yDir = "down";
+ @# R$ E( q: {4 u1 _' m         }& C* x. w( r4 X4 X, G8 J
      }
( S5 V  F: N# j4 [, K: A% Z; s   if (xDir == "right") {7 {' m( K% \0 |8 ~. V  G/ c% |
      xPos = xPos + BallSpeed;
+ G3 X- s5 w% h) c      }
5 L* A5 {) g% }+ s, e' R. _2 ]# k; M   else if (xDir == "left") {
0 _: @% K! H& Q      xPos = xPos - BallSpeed;* G1 B: |7 d  L3 a- D  p
      }
: ~4 n2 u) e" F" c! z   else {1 A5 E7 X1 c# ^) \3 c
      xPos = xPos;$ d1 Y: s# A. L# H& J4 P
      }# E: \$ q. ]0 P8 X  v( y
   if (yDir == "down") {
3 g: {' S; l" `0 |' T4 u) E      yPos = yPos + BallSpeed;" f& e7 w! O  V, l: {5 \2 @
      }
2 Z1 ~3 r1 F1 Y   else if (yDir == "up") {
1 o- W4 W1 K' I' Q/ ~( z      yPos = yPos - BallSpeed;
. N8 x, G6 _3 A      }
$ d' |( `; x. Q4 M4 Z   else {
" Q8 J6 L  O. V% C( `% Y      yPos = yPos;
( M+ i" d0 i2 Y4 y* f0 |      }
( i1 H0 L+ a! x$ v; n- ]   }7 D4 Y- g8 c: x% F( E1 F1 o
- m- l3 T6 G" K4 p
function hidetext(){, @$ }' }( e8 K% y0 ?
if (document.all)# c+ Y. ^5 A& z
supertext.style.visibility="hidden"4 t4 k* O) R4 v: f
else if (document.layers)+ Q4 l4 W2 C6 d- W4 b1 V$ i0 ^- d
document.supertext.visibility="hide"
5 U: [0 i% X0 y2 ]# N- c6 mclearTimeout(animatetext)
( c8 p4 U4 @) N7 @0 g- S}1 o+ T  G5 B1 I# D  K+ Z3 m0 z1 M( S/ L

3 ?- A/ p7 Q8 A( |: t( aif (document.all||document.layers){3 \/ u+ V- g, ?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')" @& p. j# i5 J1 r% b" d
window.onload = initializeBall;
$ g$ j* ?% _0 M# w! uwindow.onresize = new Function("window.location.reload()");- R# R5 c7 z8 l
}
+ @/ {3 f4 T7 i& F
+ X0 A! t; e. ^. F* A, D</script>

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