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

返回列表发帖

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 {) e0 `/ G. K5 O) k. H
position:absolute;
left:0;
top:0;
visibility:hide;7 v0 u- ~$ P* ]
visibility:hidden;
}: n6 \, M0 ]" {( A! \! Z
</style>5 O! ^: F6 f+ `: e) w
<script language="JavaScript1.2">
/ _) |: r: Z5 |4 d' h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';) Q! m  v. f$ Y

var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;) j$ n! Y" a1 w+ p5 K

var xMax;
var yMax;: P9 B+ M) h  ]: q2 [/ S6 e8 T6 k- L
var xPos = 0;
var yPos = 0;/ V, {9 B% b0 U# E
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;* M9 ^' H' R4 j1 J* E% N
var currentBallSrc;+ k$ H- I' |: `' L' a
var newXDir;
var newYDir;

function initializeBall() {9 C" ^5 s, k; L7 g
if (document.all) {
   xMax = document.body.clientWidth  ^2 T2 G5 e' V- l+ Y
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth0 |* I, [; m! s/ z" o
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {& ~; n& g9 g9 S, N" q) s  G  ~
   xMax = window.innerWidth;1 C# w% l  O* z. x
   yMax = window.innerHeight;& _/ t* ^. I& i4 w, C; W/ ]( _
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";/ u0 y+ ]/ b  B/ ]9 n! W
   }
setTimeout('moveBall()',400);4 M  ]5 E; W6 G" A
if (hidetimer!='')9 M3 L# ~- m6 B. d
setTimeout("hidetext()",hidetimer)4 k0 q/ l- f. }3 ]  ?
}  m3 I. M. U% q- |

function moveBall() {
if (superballRunning == true) {7 _6 p2 M- [8 C- m+ l
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;3 z2 }% A. s: [  \& @/ E* `
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;) E7 H: ^4 O& M" i
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);, p2 R- V& c. j3 p
   }
}
) B) x9 m6 I. ^* g
function calculatePosition() {
if (xDir == "right") {+ x. d; @7 P$ m0 ~0 o
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";/ B! |) u8 s) ^" n
      }& a5 [# o' V' l8 n
   }
else if (xDir == "left") {# c" U( G8 R' P
   if (xPos < (0 + BallSpeed)) {- R* k. D$ `2 P9 O4 U  c
      xDir = "right";( X: K5 J' s" ~
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }- M% C2 Y; z2 ]4 k# x7 v
   }
else if (yDir == "up") {, q2 x  ]  b: ?# O
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;+ c/ q$ z% G/ o( r6 h
   }
else if (xDir == "left") {% k7 G: |0 `3 n8 b7 U
   xPos = xPos - BallSpeed;, Y" C+ [, q& |, x; X' K( ~+ D
   }
else {
   xPos = xPos;' N% A; q2 ~* Q; _. T
   }
if (yDir == "down") {4 f2 ^) S$ }! y' D. L% S" F
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {' M& q, e0 d3 f( p
   yPos = yPos - BallSpeed;0 f: F  }' C- {) \0 F0 {
   }
else {
   yPos = yPos;  x" B; `+ r8 i: w" b
   }4 M& R3 e7 `  h* o
}- k$ V7 v1 Q+ w- l
6 r" K$ R; k& d3 W# F
function hidetext(){  r/ _% `7 s- ?5 t/ i- |# r7 f
if (document.all)
supertext.style.visibility="hidden"+ Q) M. |+ c4 s& f; u9 u. e
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;" m  a. y$ B: ?$ a# g+ G4 }6 J& m
window.onresize = new Function("window.location.reload()");
}7 z/ K# u) b1 r) x6 E

</script>

【捌玖网络】已经运行: