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

返回列表发帖

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">% |# g1 q, O2 O6 `3 `
#supertext {
position:absolute;8 \. |. {4 Z$ P* M, J
left:0;3 x0 g9 j) ]0 m+ |/ n9 M! y8 M
top:0;
visibility:hide;. z' J4 R6 Z# w% V# N
visibility:hidden;9 C7 P3 P" f3 W) y
}
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ Z/ _3 t* h/ C3 ^3 `3 {8 R
var hidetimer='';
8 c9 u" o! {6 o2 G1 |
var BallSpeed = 20;! a$ B+ ?9 z, m2 v8 ~1 P9 ^  M
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

' J6 n6 Z" S8 h/ S2 H, Q7 r6 o
var xMax;
var yMax;
var xPos = 0;- _; i9 n. [, {
var yPos = 0;+ b" A. A- [, d1 F
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;! ~7 y. o' E8 v9 y2 q9 D& k
var newXDir;  E6 W$ ?+ ~# J8 w5 n5 d
var newYDir;# X- Q* J; S) ~! w6 P
# W  \1 ^% I6 a, B6 U
function initializeBall() {
if (document.all) {! e$ c8 }2 [* I# a
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight+ y3 o  R! d/ s; K9 K% f
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight8 i& m# r: C1 Y9 f
   }
else if (document.layers) {8 E1 Y% w9 ^+ _! B4 ?( q
   xMax = window.innerWidth;! Q2 w6 H# h! g0 I; o) M
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height* V/ E# l: r+ p: E& A4 Z% ?" j
   document.layers["supertext"].visibility = "show";
   }2 ?% ^* A8 ?/ q# t8 I! H  A8 X, C
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)# }! D% g3 q( E, n5 n
}
; |! p" _- M3 J
function moveBall() {! \- L2 g; Y0 U' |" W
if (superballRunning == true) {* s* X0 h* F% I& q7 n# `: H& O! L& Q
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;/ L) m" n. K$ P9 V. q9 n
      }/ P0 ]- U' K# N. _7 O" a
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;5 Z" z5 O. v1 ^# m4 F9 n
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }8 ]1 k. S- c: N# u
}8 @. c5 _2 q: e7 F! S, j% Z

function calculatePosition() {
if (xDir == "right") {# h& y. W; B9 ?
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }( d5 R7 Y; H  @* D3 f$ B" y2 e( c
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {6 W+ ]4 U, A! T5 Z) \& w
      xDir = "right";
      }& x3 P( b7 p! {% M% d) \- B  E  `) x
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }: G! B2 A5 H, V( c3 s
   }
else if (yDir == "up") {. }" v. |" P. [: `) }; g
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }& C: }/ N: ?+ Z
if (xDir == "right") {5 ~' f) ?8 j' Y) d9 N
   xPos = xPos + BallSpeed;  o5 |8 ]  Z' V2 Y: \( y* S
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }0 o/ a% u( b- {; Q' V0 C8 Q
else {
   xPos = xPos;" f# b4 Q. d8 s
   }$ ^( Z1 T! k( _5 e
if (yDir == "down") {" u4 N" S1 Y1 ]& \& N" j, L3 u
   yPos = yPos + BallSpeed;! w8 X7 d' ?- O8 s/ |* y
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }0 N2 Z) h( v# g
else {
   yPos = yPos;3 n" j& K( R8 D; E2 g
   }
}* V6 y% \0 Q' f: N0 @
, j/ G3 C7 M, ]4 J2 W
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}
# |8 ?3 g4 N; g5 T6 t4 D
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}: Z* }8 W/ T/ R6 b

</script>

【捌玖网络】已经运行: