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

返回列表发帖

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;& m9 B. N( g' x! g# w4 ~
left:0;
top:0;
visibility:hide;
visibility:hidden;0 |/ L- P2 R1 d. o
}
</style>, M& y5 j! X# I) m- Z$ J) K1 X  V
<script language="JavaScript1.2">2 L) [& u: \% W  _0 {6 [1 G

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;4 `) Y0 {  r$ ^0 G8 ]
var contentWidth;
var contentHeight;2 E  Q( l. b9 d4 V( ]
var maxBallSpeed = 50;6 k: ^( J& j  v% i1 }* z% y
7 u, |; i3 J" x& U! z9 \

var xMax;
var yMax;
var xPos = 0;
var yPos = 0;8 p- S. R5 I& d/ R, |5 O
var xDir = 'right';4 n- N$ Q4 t3 Y" @  J
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;( V- G4 F* `9 J: n
var newYDir;

function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight& j$ C+ U. Y* Y2 k
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth' x! e( l; z$ O- b+ h
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {
   xMax = window.innerWidth;$ y8 q+ u  J# k
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width. Z1 Q% B! z- T1 [# h% o: S1 q  D
   contentHeight=document.supertext.document.height' K: n& E* e1 L: t. s  ~
   document.layers["supertext"].visibility = "show";/ P+ c) K6 p- F; r! G8 @9 V- o
   }  A* [# d, u/ e. p7 p+ I
setTimeout('moveBall()',400);7 R. R2 b: {2 [4 }+ e9 R
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}7 i. m- ?$ C% k  }0 y
7 T1 m. p6 k9 X  Z! Z3 `- ?
function moveBall() {
if (superballRunning == true) {" R  b6 c# T5 C+ W% D0 V/ c
   calculatePosition();* Q9 g7 c7 }5 b7 [" `
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;  C6 g; P' R# @8 ?
      document.all("supertext").style.top = yPos + document.body.scrollTop;4 H/ M+ [; {  p+ _4 z  a6 q
      }
   else if (document.layers) {5 E8 w# d" b* U* |
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;# k4 b% N& b/ V8 W& ~1 W2 t1 P: }
      }
   animatetext=setTimeout('moveBall()',20);
   }
}

function calculatePosition() {% j! x, {9 V' x  ^
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {. |  B  j5 e2 F+ A
      xDir = "left";2 E7 ]- a  p' U' I/ V
      }0 m) h) [+ O9 C3 F3 ^
   }3 M+ t! b" C' k, V6 a' L
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {* R8 p3 ]( a) u* M5 Y
      xDir = "right";! ^2 P- O5 t- ~! o! q' q. e9 u/ X
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {% j7 G* E! K' O' C! c/ Q
      yDir = "up";* ]1 I+ t6 Z/ j; A  Z& b- T8 |
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }) C, M* P$ f5 R6 n8 \
if (xDir == "right") {2 z  ]% F  I* ~/ D" l2 Y
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;' E/ l% p* v. y* N$ C0 t5 G4 T. l
   }
else {# k) m* {- a4 C+ Y% b! C* x
   xPos = xPos;0 l7 S8 M, n( u% n4 S6 Y& ^- d
   }2 k) p: ?, Y) p& Z; b
if (yDir == "down") {
   yPos = yPos + BallSpeed;  ^$ n. A! _8 C8 q
   }0 B' ~0 k) w6 H+ R, d& d
else if (yDir == "up") {+ r, r; ~3 C4 ~  t$ ^8 m, m5 Y
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"* j; \  R& X6 j
clearTimeout(animatetext)
}7 B+ z( Y6 S, Z
, \6 k3 f! |' S, O
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  @: H8 A5 l; W
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}, |7 i$ @1 R. g# h  c
/ D0 P) W- \, y
</script>

【捌玖网络】已经运行: