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

获得本站免费赞助空间请点这里

返回列表发帖

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">: B- W; F! I/ ]) a! L4 }1 S! k
#supertext {7 i9 D( k# X- |. D! [
position:absolute;. a$ B+ f0 R! ?& I9 z" E: }
left:0;. L5 ^. d3 W" n1 Y" `8 F
top:0;8 u$ m$ h* n1 @- g7 Z: C
visibility:hide;
visibility:hidden;
}
</style>
<script language="JavaScript1.2">: U6 n9 A3 s2 K, U  J7 W8 C% I
5 A- ]" g( Z. U% E* I, Z' d  f* L
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 I0 Y+ M6 z3 X% t0 v/ m
var hidetimer='';: V6 A% P$ r% ?% ]1 k, a( K* t
5 X/ [( h5 D, k
var BallSpeed = 20;
var contentWidth;( c4 i/ B) r3 W4 r1 M$ ]. w
var contentHeight;3 _2 E' O5 s6 T2 ]
var maxBallSpeed = 50;
% q3 z/ h, w. b3 `3 d: E
: u$ W* O: W& f
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';- P  ^- p# J! Q0 A: h
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;8 l6 O' n% b5 ?3 a* S4 c: F' x
var currentBallSrc;- u( ~8 K4 N& s, Z( H' _( x
var newXDir;
var newYDir;/ S9 f5 {: F3 r& c4 I' Q+ p2 M

function initializeBall() {
if (document.all) {8 {9 v& }5 O$ }3 u
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight8 [* U, x) X" V7 s, f. i5 _
   document.all("supertext").style.visibility = "visible";$ O3 B. s6 X% E  a( {- h+ ]2 A
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight# w( E  U! U, ^) ~
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;5 I  c* Z- y' i4 M. v8 b3 m+ y
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }5 ?0 Z, C( ?: X/ i9 [6 A7 j, q1 O
setTimeout('moveBall()',400);0 X& c2 I, @( c& t( q
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}

function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }1 `* d- s+ v2 |6 `2 ?' j
   else if (document.layers) {  I. U9 ~/ S7 Z+ o; u- `. b
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }
}
* V1 K( Z8 w* e& c+ K
function calculatePosition() {
if (xDir == "right") {( `& ?2 i3 K' `( `% u2 E3 M
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";6 h/ U3 d4 m) Z# Q  H9 v5 X
      }$ G* ]# L- C8 t5 m! A
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {# ]0 r! X& I2 n3 h# B
      yDir = "up";
      }
   }
else if (yDir == "up") {# a, J* @, y- Z* \$ [
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }: {3 l; y$ k* C8 j7 C8 }
if (xDir == "right") {
   xPos = xPos + BallSpeed;+ S4 Q; {; h+ q% _! S* n% R$ u
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {
   xPos = xPos;4 t  Z9 Y( I( c& w+ B
   }
if (yDir == "down") {7 C: x& T) |0 t4 j
   yPos = yPos + BallSpeed;. n" \. D+ d! t$ n3 N
   }% U- S9 \% \- W8 Z) W% }; D, U
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }2 d1 Y. [2 Y! n
else {
   yPos = yPos;
   }
}

function hidetext(){5 F, c( C6 T" a6 \# \$ {
if (document.all)
supertext.style.visibility="hidden": B. ?3 n4 l4 K5 \) @! }
else if (document.layers)( @/ O& }* w# t3 b; P! P
document.supertext.visibility="hide"
clearTimeout(animatetext)3 m0 e8 b8 ?& s3 S1 L9 j, _
}
$ P7 k: z4 r) m) m# }) L
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 @3 w) H5 I+ p2 Y* M4 o
window.onload = initializeBall;* y0 ]- B: g+ s6 {+ j/ n
window.onresize = new Function("window.location.reload()");
}0 E% Q. y3 E- ]* U/ e8 u4 k  d  s3 ^
. _0 r. `$ F# }% I$ [' x9 P# @
</script>

【捌玖网络】已经运行: