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

返回列表发帖

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;
top:0;% f" S) x9 ^  N/ R- ?
visibility:hide;. l6 z0 f. L( y- N5 V! o" u; o
visibility:hidden;1 H) u7 x. F3 M
}  x1 P0 |% k- s; W) O) `
</style>" O  C$ m: B* [% R; J: D7 r
<script language="JavaScript1.2">& N! E* J" n6 d. {/ Z8 @0 j* S
7 M7 p) p- L, \; p
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;
var contentWidth;$ Q! P" Y; Y; M7 Y1 T
var contentHeight;6 T! Y2 f9 X: u  u8 j
var maxBallSpeed = 50;2 w' \; U! R5 v! }4 G/ A$ o
' M1 m0 `; f! o. P" C0 b

var xMax;
var yMax;# q# Z$ K1 I  i/ J4 v! x4 A- M
var xPos = 0;
var yPos = 0;
var xDir = 'right';, U' J/ j; Z4 j
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;* o) d/ C5 d6 S: U% l$ L+ ]
var currentBallSrc;5 A( N) e( F% y# k! ?2 }+ b
var newXDir;( J& b4 H# W$ H+ |% U9 M7 t5 M& R
var newYDir;

function initializeBall() {
if (document.all) {" c- w, T; h7 }' u5 G, X; W
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight* L$ V3 S9 o4 n4 h
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth- B' ?1 p' U6 n9 G9 G/ ^
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width6 W. V; L% c8 k( d8 r2 \
   contentHeight=document.supertext.document.height- [$ @( ^* h' L$ r$ a* H- Z% ~
   document.layers["supertext"].visibility = "show";6 B" F8 U- o4 ?1 n# ]
   }
setTimeout('moveBall()',400);
if (hidetimer!='')( `% L5 F1 w5 Q
setTimeout("hidetext()",hidetimer): O' b* L  d+ O# C$ [: W( ~$ H
}

function moveBall() {3 Q" T3 T: N; Q: W
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;: M2 }5 q- D# B; `* C4 G0 u# t
      }9 z; M3 [" K( Y# P- }" H8 k
   animatetext=setTimeout('moveBall()',20);
   }
}
5 y4 o: v+ B; k9 U# ~
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }4 I1 V1 k  A; o; k9 ]8 L( ?
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }
else if (yDir == "up") {7 f8 {* T  b( W. b$ ?
   if (yPos < (0 + BallSpeed)) {( p' m* d# X% j
      yDir = "down";
      }, t: e# o' m, N) v; A7 }: }9 g
   }3 Z4 Y; @5 d, F, H) M0 @: Z
if (xDir == "right") {
   xPos = xPos + BallSpeed;+ T8 n- ]9 G* v- u6 Z: I9 I: x
   }' Q+ i* r9 ]# t9 G% M/ K: I* t
else if (xDir == "left") {) ?$ u$ u4 G! _* ~$ Q$ K' `9 k
   xPos = xPos - BallSpeed;- i# w1 A# u. ?& _
   }
else {+ E, E6 |3 l' N, v9 Z
   xPos = xPos;# n; @9 j% x; P; [' `  D- {; j! l' T
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {2 z& ]. R& U4 z* q
   yPos = yPos;% }7 p" P7 ~$ f+ J
   }
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"5 T0 v7 }  Q- L) r! B, u
else if (document.layers)
document.supertext.visibility="hide"+ N+ l/ G" T& y, k1 m$ _, [
clearTimeout(animatetext)' B3 K+ [+ r! O1 m) L
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# p6 A$ j( U3 o) G+ Y
window.onload = initializeBall;1 ~/ ]. o# Y! t% S" F9 k
window.onresize = new Function("window.location.reload()");
}
/ y, e7 h7 X, Q( D7 ?* N0 l5 k1 T
</script>

【捌玖网络】已经运行: