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

返回列表发帖

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">+ x) D) s& R5 Y7 [- E+ K6 d
#supertext {
position:absolute;7 }0 h; e2 ~3 E& P+ @4 U
left:0;
top:0;
visibility:hide;
visibility:hidden;
}
</style>. U3 I4 V, S7 @/ j0 e5 M
<script language="JavaScript1.2">  ]$ K0 G& D5 V) t# ?
7 B5 D  g* I+ Q) G) }
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
7 j* C5 ]6 `1 n3 h2 N! J$ P5 y- K
var BallSpeed = 20;) ], t6 g; C5 q5 U
var contentWidth;/ H0 P; ?  X  @# P
var contentHeight;( w" Y' F/ E. S7 X( @, X1 @% D
var maxBallSpeed = 50;1 L% a, k& {9 U- Q

var xMax;, D7 `0 [1 G' a9 k
var yMax;! \" g; t1 ?1 N: O: z% ~' f
var xPos = 0;8 B+ x# l8 c- A7 `
var yPos = 0;; k+ G: Y4 p' T8 y( k2 ~# N
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;
; c( t0 J% f8 U- F: O% k+ e
function initializeBall() {' B2 S. H, v5 a& R8 i
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight4 B' e6 E9 V0 v+ q$ u7 B) t$ \& \$ T
   document.all("supertext").style.visibility = "visible";; _$ Z0 h* x8 I
   contentWidth=supertext.offsetWidth; _9 i* F8 B2 V# d& h" d
   contentHeight=supertext.offsetHeight
   }% T( p) P1 ^& j' y7 v
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }% P- X7 j7 f+ u' c  b$ |$ Q
setTimeout('moveBall()',400);
if (hidetimer!='')4 B; z+ o: M- V4 [/ a6 n
setTimeout("hidetext()",hidetimer)( _" {* Q9 p2 i3 f: T" \
}

function moveBall() {  k  D' H. m/ C& V8 H6 ]
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {& y' X( J  \" N- ]' m1 x
      document.all("supertext").style.left = xPos + document.body.scrollLeft;- F2 t, {+ e  x, r7 _: b8 [) X9 ]2 ^
      document.all("supertext").style.top = yPos + document.body.scrollTop;) [' I8 E- Q- `; T
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;$ ]- I0 h' @/ m- @7 R2 q
      }8 o- l. f/ J# ]1 N% N; k
   animatetext=setTimeout('moveBall()',20);% S/ B1 E+ |  J# k/ `1 {7 K" S
   }
}

function calculatePosition() {7 [8 d1 t3 L. _0 y6 R
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }
else if (xDir == "left") {( k8 c% ?1 A4 N: S
   if (xPos < (0 + BallSpeed)) {' b6 I1 J6 u/ D# b3 N9 F$ }
      xDir = "right";
      }, E! `7 |, ]9 o5 O2 |9 ?
   }0 D7 q$ a; `& x- ]" ]3 l! f* O
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";  [: B& r  J& T! B
      }
   }9 n; V9 n1 W% p' x
else if (yDir == "up") {1 D9 y2 l7 J. ]2 p
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";, X1 d# t/ Y: C/ V6 e
      }
   }* D; k9 z( D( P1 b" W7 `
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {+ ^7 L, |6 P( Q, y
   xPos = xPos - BallSpeed;& `0 a8 L' }' W* O
   }
else {
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }- w' N% z" c9 ?0 a
else if (yDir == "up") {7 P- }- a8 i- r; T
   yPos = yPos - BallSpeed;
   }
else {4 ~6 `; V$ y" @* Y. S/ Z5 z
   yPos = yPos;
   }& Q2 i, @' U6 q
}. h, F  L! O8 _( ?1 D
, X. J6 `: G/ E  w/ J6 a* ~
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){2 n$ o3 o) F+ i0 T# u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;/ }" W# ?# p1 h% O3 |. o
window.onresize = new Function("window.location.reload()");
}
* n5 K/ L1 m6 F; v
</script>

【捌玖网络】已经运行: