捌玖网络工作室 » 网页编程 » 网页之不断弹射的文字-特效

返回列表发帖

Rank: 7 Rank: 7 Rank: 7

UID: 133
帖子: 51
精华: 1
积分: 186
金币: 55
威望: 2
贡献: 0

优秀版主勋章

1楼 跳转到 » 倒序看帖

字体大小: tT

发表于 2008-1-21 20:55 | 只看该作者

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

<style type="text/css">
#supertext {" L; r. H1 ~9 F# N
position:absolute;
left:0;
top:0;) Z) C  D$ T: f( M( v7 a2 n
visibility:hide;6 h" F4 Q7 A  ^; @
visibility:hidden;0 P& O8 \6 n( o( S4 V9 N( s
}
</style>/ m& G2 r3 S* X! A$ q
<script language="JavaScript1.2">4 ^: o, K; u, ?: A2 Y

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';" n0 @! U! X$ r3 t

var BallSpeed = 20;! m/ `, w, t' n0 `
var contentWidth;5 Z* O/ M* r# X1 Z
var contentHeight;: G9 S8 o3 B* |, h- v
var maxBallSpeed = 50;

+ O) C( N8 O* c, g
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;  J6 L) s& h5 m( J
var xDir = 'right';
var yDir = 'down';) k# e. J# `$ c& O, |! T5 M8 d
var superballRunning = true;! Y/ _" k( H+ s6 \: F8 S0 P
var tempBallSpeed;
var currentBallSrc;2 {2 g4 {7 ~# B0 Q/ S1 A
var newXDir;3 ^8 o8 l! ?3 w6 R6 A  |
var newYDir;
( E9 b) e) c( i" Z5 {4 O5 T2 s
function initializeBall() {0 x1 f4 c. u; q& X$ {+ P
if (document.all) {0 H2 |3 I* ~$ P$ h, E, V
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";& ~2 j0 k. R) x' @. n! [
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight6 r" ?$ P  x& f6 D: t/ C
   }0 z( d2 @$ j: m7 f
else if (document.layers) {1 C( O' P# Y6 l0 S  ~
   xMax = window.innerWidth;2 H3 c- j' p7 T
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";# ?0 ?# J* C3 s% X' t
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)9 P+ S- U& o7 h- W& U( N+ f( C
}

function moveBall() {
if (superballRunning == true) {
   calculatePosition();+ b; i  y* a5 ~) f2 J8 h
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;. i8 a1 @, i: {; \& }) T) e+ T6 u
      document.all("supertext").style.top = yPos + document.body.scrollTop;0 K/ d3 ^; z- q$ p6 {0 F
      }7 F. p* B6 G+ n5 z
   else if (document.layers) {. b; j( F: B: Y! m$ G" ~; I
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;, q9 |* M2 z: z3 G* S% c( u
      }
   animatetext=setTimeout('moveBall()',20);$ L$ p/ E! L. d( a1 ?# V0 D
   }/ {$ L' F: P$ k- O
}  j: n4 O  e2 ]% ?0 R* b1 _9 v

function calculatePosition() {
if (xDir == "right") {/ ]- J3 ^# k7 Q% s, q# }( m5 h
   if (xPos > (xMax - contentWidth - BallSpeed)) {) \! j7 _" h7 Q. A0 E5 P4 ~
      xDir = "left";2 o- m: p7 ^+ y( N: O, T
      }0 X; L6 p' `2 l4 E
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }, V! O4 Z2 _: ?4 i0 q
   }
if (yDir == "down") {$ v2 @6 V' O' a! B" e8 Y
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }/ e8 m+ h4 J; B" x/ j! g% K* o
   }4 O3 X2 Y- j6 H! A5 }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";( d* w" y( _! |3 `( y( f+ ^
      }
   }
if (xDir == "right") {, `& l0 y7 Q" O& ^
   xPos = xPos + BallSpeed;
   }+ @, E0 v( z: W! W; ^6 h/ P! z7 i
else if (xDir == "left") {
   xPos = xPos - BallSpeed;1 u8 W2 v, q5 B  w+ M$ |
   }" ?/ ^$ A. ?1 l" A
else {, S+ T4 E9 o6 f0 k0 R
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {$ n  M. I. f3 L" S
   yPos = yPos;
   }$ V$ E! Y; j7 v9 |8 {* O: n; |* Y
}

function hidetext(){9 L& @: U: V* b+ o3 K8 g3 E
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)  \3 c/ a3 T1 E
document.supertext.visibility="hide"" L* I1 X5 s3 e9 k, j7 t
clearTimeout(animatetext)' p  V$ g, W* l
}
$ |6 e6 d+ J) X! s/ m7 O# o# X
if (document.all||document.layers){# w2 `1 g* o% l* h7 y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), q4 k: x/ l4 N  z: c$ y. }! b
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}; t/ R$ |5 w6 o) g2 B  x5 n

</script>

【捌玖网络】已经运行: