返回列表 发帖

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

<style type="text/css">+ D6 ~4 z7 V; v# {# Z
#supertext {$ r( ]" O8 y! B0 A
position:absolute;* M  X# @+ w8 v$ X
left:0;6 R$ O9 `% U# s, j/ X
top:0;
$ b8 i9 b! ]3 Z7 Xvisibility:hide;1 g! m: Z! ?6 [: p. P# y
visibility:hidden;0 K; l( N' y, r# E* P
}6 V- ~, s3 {+ F
</style>
$ I# q( h+ A0 w<script language="JavaScript1.2">
* ^$ r! F: w% ?! C<!-- 改变下的字体的大小。颜色--># Q4 Q+ E. t" [6 q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
6 k. q; @( u; V4 Y3 svar hidetimer='';, `3 j$ g7 t* |' S* I$ s
<!-- 改变下的弹跳速度-->5 l1 H- {, G, t! A* A  f
var BallSpeed = 20;1 X9 T% q6 m& t, R  U" d
var contentWidth;( P- e9 h! |; E* C
var contentHeight;
/ u* q1 K" O- H0 E, a9 Rvar maxBallSpeed = 50;
$ Y$ x# Z1 }$ d' o
  e% ^/ K2 |! X3 I" {! n# |; k+ o8 U
var xMax;
* o4 u3 F9 U/ a( m, a+ x* o  @var yMax;
  @! b8 o8 _' D: D* P: f6 _var xPos = 0;
) ~7 S3 h( H( |( K; O7 Q7 L2 H; X, ^var yPos = 0;2 u9 Y) Z- z: l5 f: Q7 e  e+ h
var xDir = 'right';1 q2 l3 a3 b1 L+ b
var yDir = 'down';, W% I5 \0 I' T, w
var superballRunning = true;2 q# q1 _: A! S- H' V
var tempBallSpeed;0 P: Q( o0 u# Z7 q# k5 y
var currentBallSrc;
; P, F2 g# ]8 ^/ E; ~var newXDir;' i" f$ y- J0 W1 c
var newYDir;- C( l6 r/ S7 c, [9 W; d1 z* [! o7 Y
' {2 s+ h# h; ~4 d) y
function initializeBall() {+ N# q0 e4 U! d; j  U
   if (document.all) {
4 K* C8 I/ C8 l% X3 i' ^      xMax = document.body.clientWidth
/ d6 P2 Z- W" z8 Y      yMax = document.body.clientHeight( c/ R* ~* j( D7 e4 T/ w: b/ z) b
      document.all("supertext").style.visibility = "visible";
7 `' {2 Z) A, g& K      contentWidth=supertext.offsetWidth, x9 P8 a: N' b+ B; o/ ?3 F
      contentHeight=supertext.offsetHeight
5 F+ K+ Q6 l9 r  ^      }' S+ |5 k2 F3 K! `' o) P4 l( T
   else if (document.layers) {
9 b% V! [% z2 E+ ]1 K8 Y& @5 H      xMax = window.innerWidth;) T: M1 c7 l1 i3 X! d
      yMax = window.innerHeight;
- w0 V: ]8 z- q% P/ a* p6 v6 z7 U      contentWidth=document.supertext.document.width
* Q! P& _3 ]* N, ]      contentHeight=document.supertext.document.height
# E. d! P7 ^- _- b4 b. \      document.layers["supertext"].visibility = "show";& x) r9 a. y* L  ?. Q) j2 _- U
      }1 R2 f. v4 `4 F5 @$ s- Z* H' J
   setTimeout('moveBall()',400);
2 F3 j8 L& o( n9 E# n7 }   if (hidetimer!=''). `& Z" K% m, H8 y' s4 _; M
   setTimeout("hidetext()",hidetimer)
) x% ^7 ?/ I" o* q2 P   }
# J1 @9 h- i2 N1 u* k
4 }+ ~9 {8 S; m% E0 l$ D( d) g& pfunction moveBall() {( `9 k! k& q. {, h1 ~. L
   if (superballRunning == true) {! u$ P( }7 e. [5 T* n8 G
      calculatePosition();
9 X+ N) J" l5 V# p0 g: d" l      if (document.all) {
5 G3 g2 e. W( b         document.all("supertext").style.left = xPos + document.body.scrollLeft;! o) M# b) E& B& D* J9 y' u
         document.all("supertext").style.top = yPos + document.body.scrollTop;% |7 D4 R! D1 g: }: g$ O
         }1 A0 ~8 Z) `, Y, h" U# k  V, M4 k
      else if (document.layers) {6 x; r. p2 L5 K) Y1 f
         document.layers["supertext"].left = xPos + pageXOffset;) t- Z( a8 E% v- A
         document.layers["supertext"].top = yPos + pageYOffset;
, t. M+ J$ r5 L+ h, C         }
) Y( |+ N) B1 [# x& ~      animatetext=setTimeout('moveBall()',20);6 e) W8 s0 Y+ b+ X; U9 l" @3 ^
      }
7 d  I" H! ?* F. G3 Z   }
# I+ y, P+ O4 e0 Z  w. w) x
7 s( n/ y7 X7 ]function calculatePosition() {7 k- X& ]# ^5 F
   if (xDir == "right") {
2 l2 Z$ x9 {7 U8 @7 b$ E! }      if (xPos > (xMax - contentWidth - BallSpeed)) {# c0 O1 {6 a  q! N9 h
         xDir = "left";
& L0 [+ v# z% n: k         }
3 n2 N4 W# @: r  ^/ J      }
5 u6 @1 q  g& C; k" a   else if (xDir == "left") {) H! F6 J/ ?7 Z: Z8 e
      if (xPos < (0 + BallSpeed)) {
$ Q1 m- C2 n( }3 I7 O: w9 K         xDir = "right";0 h: y/ ~  Q  H
         }' v( O4 n$ ]$ ~7 Y$ p+ p
      }+ o0 m" U, K0 |9 O( j  \
   if (yDir == "down") {
: V* B; U+ N1 R      if (yPos > (yMax - contentHeight - BallSpeed)) {
# f6 |- i! s& P5 n8 g  L. L         yDir = "up";) h' E. @2 q# R$ h
         }
. Z: w; ?* M9 x+ P7 D      }
0 c+ U! l7 f: \8 N; J) b& F& _   else if (yDir == "up") {. l: d6 G0 t! w, [- h
      if (yPos < (0 + BallSpeed)) {: ?, p! g& |( q4 b
         yDir = "down";
3 F3 H! T" e  o( ?" a4 s- b; g: E         }- k& P( d" c# h
      }
# i! ]- g& p) s# q2 b. V" F. W   if (xDir == "right") {
7 j) R0 U4 f5 |& d      xPos = xPos + BallSpeed;
3 l7 |+ c, f7 r4 ]# d1 F. c      }
& l. K+ h2 G8 H) t8 `   else if (xDir == "left") {
/ c0 \1 J) E2 p% \) a. e- P  p      xPos = xPos - BallSpeed;
; V% r7 D4 ^# X# A% _* ~' K      }( ~, M0 h2 n& t6 N
   else {
" e, B. S' ]8 k' z. c1 S1 f$ }      xPos = xPos;
1 h% t4 A8 _; c* B: r2 ~1 ]" Q: [2 Y5 h      }
( u9 A  h- K. E. N# g' [   if (yDir == "down") {
0 r( b4 B# C3 L8 E% l3 p      yPos = yPos + BallSpeed;6 G' ~$ K" r( C2 \2 w
      }
. I8 d9 W0 g; S8 I   else if (yDir == "up") {
) X( F- y4 Y* {5 E  v! i1 n9 G      yPos = yPos - BallSpeed;
3 b4 p3 {- @9 b$ j: D7 H! i      }
) [: H- O! _% g0 L3 P   else {
# F2 D9 E( O* U% \: N  l2 e# r      yPos = yPos;  g1 Z2 H: F. ]
      }! X( J; ^/ G7 l# o
   }
, C/ g& ^# W- i; t! v& S7 L! z
: ^$ ]) Y1 o2 t3 Rfunction hidetext(){& W/ I  |( z1 U$ T% V/ k$ N, }1 Y
if (document.all), E4 S) `3 u+ W) k
supertext.style.visibility="hidden"# n/ |9 m' H4 |9 w- m9 U" m, S
else if (document.layers)
" O- }* Q0 P) O- g4 K/ pdocument.supertext.visibility="hide"% M& ]& Y- }9 n
clearTimeout(animatetext); j$ A( w: n4 R; w, x7 J  A
}7 y& r( |  w$ a

: N8 @# j$ z1 v) j* Y( tif (document.all||document.layers){
+ @& O' ?( E' ^5 {% Q* Idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 l# R. G7 J, ^0 J& o& J
window.onload = initializeBall;
9 J% K3 H: {+ Vwindow.onresize = new Function("window.location.reload()");" b4 B- }/ e6 A3 ?
}
% u6 S1 _, y' o: b) [( s, g- O0 r$ h$ x8 v( H: _! e
</script>

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