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

返回列表发帖

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 {2 ~  r& p0 R* _* U
position:absolute;: a4 b7 W$ {) ~: S) G
left:0;9 \. ~% H0 v+ ]
top:0;
visibility:hide;" L8 _- l" W+ W/ o& |: M
visibility:hidden;
}% |, v0 ]: }8 l
</style>
<script language="JavaScript1.2">$ G8 x5 U# w1 ?- g4 A/ K& ]% R

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';. W- G$ l8 t; j5 X$ S

var BallSpeed = 20;
var contentWidth;5 f* ]7 F: Z  R1 `: z, g
var contentHeight;
var maxBallSpeed = 50;( Z  ]. X; ~1 `7 Z6 J8 O* R. k+ e8 l

var xMax;  F6 r3 V- U, F0 E, r4 p( X
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';( U) O  x( @/ M0 t$ i* k& x
var yDir = 'down';' y, ?& w. k2 U
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;; K% Z: c$ J5 ]7 M# P+ b5 M
var newYDir;
& m( C; G: a9 P
function initializeBall() {) V' K; u& j- X9 E- z7 g2 U
if (document.all) {  b& L2 H& s5 f) u/ ~& R
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";) k4 V+ H, x+ A7 `( E4 k4 H
   contentWidth=supertext.offsetWidth+ o6 Q3 G9 F$ n7 Y
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {; K  p" L$ w" n4 `) k
   xMax = window.innerWidth;
   yMax = window.innerHeight;2 E4 `$ x% }, T  U; w/ }
   contentWidth=document.supertext.document.width5 G+ E' \+ `6 \
   contentHeight=document.supertext.document.height6 f* d3 _$ T* P" ?
   document.layers["supertext"].visibility = "show";
   }0 W' I* M8 X( [' g
setTimeout('moveBall()',400);
if (hidetimer!='')/ V4 }+ N) r2 ]& j7 ]% ?4 S
setTimeout("hidetext()",hidetimer)
}
9 i0 j7 o- b/ L% |
function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {/ @. n9 p' v* W. o% A& y( P
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;0 d% ^. u) A$ r; ~7 d7 |9 _, Q
      }8 M/ T# N1 f5 I$ \0 D8 z' V7 \* v
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;1 X; ^) ]( t+ [* F2 Z
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);5 V7 X5 c  V1 E+ i
   }
}1 ^# [1 K( m/ |

function calculatePosition() {
if (xDir == "right") {  n5 l6 C/ w& O
   if (xPos > (xMax - contentWidth - BallSpeed)) {' w7 a  A, x# B0 l& C
      xDir = "left";
      }! j* n* H9 R/ u( o2 ^' @
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }3 A' G( p' v$ K) U4 ~5 W6 w
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {& B. X$ s9 j" I' ]
      yDir = "up";
      }
   }- t+ h8 G* X" L9 v
else if (yDir == "up") {( ?( l+ Z0 r% F/ N
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }: \: a- X% a" C7 {1 @& G9 H3 Q. Q3 _
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }+ X/ S0 Y& ~* ~) c
else if (xDir == "left") {+ @1 V- m  E: G' J* z) f! ^; Q, M! J
   xPos = xPos - BallSpeed;
   }$ W9 }1 H- {6 k8 P& R
else {
   xPos = xPos;. a3 b, p3 h, r' {6 A8 h0 x& J
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;7 E7 G3 T0 H3 e
   }# i& {, E+ e, R( }, H
else if (yDir == "up") {4 m  X3 b+ s' K8 L6 A8 ?8 `5 V2 A
   yPos = yPos - BallSpeed;
   }
else {8 q* Q0 y: `1 @( h5 [. l
   yPos = yPos;
   }/ B# }4 _0 v* F% l5 y
}

function hidetext(){! l* F1 H' I, [# P# v
if (document.all)
supertext.style.visibility="hidden") F5 c% k3 a; n$ ?6 K1 y( ?
else if (document.layers)8 F) n; i6 w' y6 w& n/ Q
document.supertext.visibility="hide"5 w" J* e  @5 l2 @
clearTimeout(animatetext)4 j5 r* J6 O1 o5 ?
}
+ ^5 B8 U7 W# |' h
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# t  @' Q  Z. k* p8 |# F+ N
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}* s8 ^3 W/ W, U9 {' ?0 P5 {" K

</script>

【捌玖网络】已经运行: