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

返回列表发帖

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 {
position:absolute;
left:0;/ m2 l6 l' {" x
top:0;
visibility:hide;% t. c: P8 y7 J) R' |
visibility:hidden;6 q  V# `' x/ e! e; I
}
</style>
<script language="JavaScript1.2">
1 {6 Z1 M0 F* B: I& v5 `: t0 l; S
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" s* t( z- W+ ]+ M. @8 ?
var hidetimer='';  P$ A7 [0 y+ x' p( @) \# H" }& q
( T  a& Z2 L  C: Z/ X
var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;# u$ j" j( E% c5 v; O
/ [6 z' }0 g2 ~7 l0 ]1 j( \/ f
7 d9 ~; d3 H8 M8 L* Y9 q
var xMax;% E5 `( y. R1 @4 w( O$ k" P
var yMax;
var xPos = 0;
var yPos = 0;, G& m. o3 t& Q& P* s
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;  G, n  v9 d- }% o) P$ N
var newYDir;* o8 [) X: N" Z! [0 ~* R. n9 z

function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight; X& ~5 n. S0 \) o/ N0 R
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth# }* o/ v6 S& K+ F6 p5 A% c+ ?
   contentHeight=supertext.offsetHeight
   }8 V( b# d+ n! ?7 p, w8 l
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;0 C6 |; i) T9 V
   contentWidth=document.supertext.document.width4 ]( k- l# T1 N, g* P  B3 e8 L/ S
   contentHeight=document.supertext.document.height( l% U9 `, c2 Z. h
   document.layers["supertext"].visibility = "show";
   }  N# Y1 Q4 V0 A& c7 l* Z. b6 e! B' t1 l8 q
setTimeout('moveBall()',400);4 e8 _9 ~/ h: U( p5 v
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)6 z/ Y4 v" c4 \. k
}

function moveBall() {
if (superballRunning == true) {
   calculatePosition();) ]- j5 |& u( O# k" Y- b
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;2 B. n. C2 ^$ X( o+ s# Q+ @4 P. L
      }* h+ m$ F: A# y0 d
   else if (document.layers) {9 N" S' q$ R) L0 C
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;- y. l$ f* x& C) U% B
      }
   animatetext=setTimeout('moveBall()',20);
   }- J+ k8 w! q, c7 e6 A
}

function calculatePosition() {4 f& n3 D# ?4 f: I. o3 @- o' f
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {6 b% U% ~: T* p
      xDir = "left";7 t# w5 v% |# l* [( n4 `
      }
   }/ I, }! s/ e# m, F7 p+ \1 j
else if (xDir == "left") {' I$ M: G& F  ]/ T
   if (xPos < (0 + BallSpeed)) {! Q: u& \3 ~( m: j0 |# Q$ ^
      xDir = "right";
      }
   }! i, |, \; M: G+ Q2 D& i/ Z: J
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";% [3 M8 R( U4 F$ d3 [* i
      }
   }8 s; q3 X2 a: R; f0 l% |
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";( O( l9 O4 p5 u
      }7 G) u1 p* D1 P+ ?; q! J, g
   }3 U8 U- m3 Y& |% L: _3 B8 `
if (xDir == "right") {
   xPos = xPos + BallSpeed;3 S" f( q% j0 f4 A
   }) n6 h! e( o2 x
else if (xDir == "left") {
   xPos = xPos - BallSpeed;! y) E3 D, ~* Y/ \/ q4 d- D* y
   }
else {2 x$ {) u* T! _' m. f4 J) K7 l
   xPos = xPos;# T; ^* _+ @# F7 F9 M$ S- O+ L
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }2 i( O2 C2 P# S
else if (yDir == "up") {
   yPos = yPos - BallSpeed;1 _; c8 O) P$ m1 W1 m& @
   }
else {
   yPos = yPos;1 T0 C/ a8 j5 l
   }4 D6 x2 l6 n1 K( F/ \
}
6 i, P! X5 x" x9 J) p
function hidetext(){! Z2 R/ ?+ r1 @0 ^4 q6 h
if (document.all)) ~) H! h& B% t8 {6 _: E$ ]6 q
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"4 W* N0 Z/ w* s+ T% q
clearTimeout(animatetext)" O" ]/ }* j! m; G0 z$ A
}

if (document.all||document.layers){* a6 |0 N) ~4 f
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 u, A" g* Q3 g
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");+ P9 y+ Y& u9 \% [# G, y2 ?: n1 o
}
! P4 b% l* I, z3 M2 |4 p
</script>

【捌玖网络】已经运行: