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

返回列表发帖

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 {9 E; T1 N9 a5 G- L5 n
position:absolute;. X2 `0 w1 ?. I
left:0;
top:0;  ~0 K+ y. A6 i# `
visibility:hide;
visibility:hidden;. H" Z8 t- K  h7 t8 K
}: u+ |2 f5 l" G' V6 b, x
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>') h. |  i: Z- t2 W  c7 q1 _7 j
var hidetimer='';# z/ \9 Q, z  A. H& s
' u0 R4 a0 b3 C3 B6 p
var BallSpeed = 20;/ e! o  r/ Q. K2 R1 s2 r
var contentWidth;& q! y  A) j! g3 Q* ~/ V# M
var contentHeight;
var maxBallSpeed = 50;6 h6 t* E6 w# J( m. \4 s4 c. @
* o! Z9 a5 A. k7 r

var xMax;
var yMax;3 |: j- t0 ]5 a' w# [& c4 m
var xPos = 0;. X3 w3 \" w& {; s
var yPos = 0;" f8 a/ D7 C) ~
var xDir = 'right';. k& Q8 q/ x: {+ R# j
var yDir = 'down';# d5 i9 N8 s3 K: Y7 }# N
var superballRunning = true;
var tempBallSpeed;* @0 L2 V' Y' c- x6 _7 w
var currentBallSrc;9 u- e- U2 o4 s: g( B
var newXDir;2 U; P. W  B8 N* ]- i
var newYDir;

function initializeBall() {. F: Z! P0 x6 s* h+ H- l3 l" M$ H' i
if (document.all) {. V9 ^$ K( i; J' _; i2 D* M3 t/ m
   xMax = document.body.clientWidth  B$ O/ l3 X: v4 z" S1 F9 e4 q8 |
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight$ C7 \5 m4 W, l. ], F
   }( J7 m$ ]& i- @& m, K9 a* E' J; V
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height& T! k8 \1 G4 g  ?" F1 k
   document.layers["supertext"].visibility = "show";2 g" m9 m( ]* Z6 E, W. w6 Q! J/ a
   }
setTimeout('moveBall()',400);* `0 P1 w5 v! L" l0 o& p, c
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}! n9 D8 ~0 K5 ^) K! T; B

function moveBall() {
if (superballRunning == true) {
   calculatePosition();8 P1 o* ?5 t) z  J$ E. p
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;9 s) Z4 x8 `* n  @0 u5 f
      }+ d0 }/ d1 g( ?$ ]+ o" i' [0 m5 {/ p
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }8 E, p: N$ I# g! W. }0 H4 l. f, k; n
   animatetext=setTimeout('moveBall()',20);0 R& l# m; G5 l! y, W
   }/ o: B) Y" f7 y! K5 _/ x
}

function calculatePosition() {
if (xDir == "right") {, u( l+ ~- `2 C& j3 D
   if (xPos > (xMax - contentWidth - BallSpeed)) {9 i4 r* V+ N  f
      xDir = "left";) \6 v( X1 F/ B9 ]
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";  |( Y; r! V' q; e
      }5 x. R3 @4 F2 F) l
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {+ Z: m  v( J( S$ d, H4 U
      yDir = "up";! m3 ]5 c" V  ~$ }7 `* Y* _
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }, B9 y5 n1 O: J* l) n# p" c
   }4 o4 s# m/ g9 h$ B
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {( ?. m5 s2 b/ f% U, v9 q
   xPos = xPos - BallSpeed;; I0 X4 x# R0 Q: }5 w6 ~5 s4 y3 T
   }
else {; I: ]! ]: B# o7 \& N' H; Z6 Z
   xPos = xPos;1 r/ v, ]* o, P- V
   }) W! r; k* v6 T- u  Y; O( ?
if (yDir == "down") {" o9 f; [) I2 I- {$ A. I! {
   yPos = yPos + BallSpeed;
   }% H) v( U! l8 P" s3 c0 i8 V2 U  b
else if (yDir == "up") {! W7 P+ W% Z( x) ~* d, i) z
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;. K2 F4 s) _. k' e
   }- ~8 u; C* }" w: U0 w, ^8 m# Z5 c& i
}
5 o# W$ @, r+ z
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)/ V0 N3 \0 J! B( Z1 _
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}. b, [* `! W/ C" l% x
6 R9 }1 l: `0 O) j5 f5 J( T
</script>

【捌玖网络】已经运行: