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

返回列表发帖

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"># @0 i2 I. e- Y3 S
#supertext {' }9 n( y5 H# \7 u+ Q% e
position:absolute;
left:0;
top:0;
visibility:hide;
visibility:hidden;
}
</style>. U7 F5 m  }% e2 @/ Z! H
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
) M4 ?" \2 w4 ]( B9 c
var BallSpeed = 20;$ V4 r; z8 B3 C" d6 ]& H8 ~
var contentWidth;
var contentHeight;; p2 K3 q) n% b' ]7 _5 `1 f
var maxBallSpeed = 50;. t. N; u3 G' O2 `
0 F8 i8 b0 H5 ?% D  b) G9 |3 C( `) T
; Z8 I5 s* J2 G  m( x
var xMax;
var yMax;
var xPos = 0;5 B7 W. E) t( q  f
var yPos = 0;
var xDir = 'right';# `7 j9 g+ e* l4 E
var yDir = 'down';+ l3 G) r/ `) C2 `
var superballRunning = true;0 Y% G7 Q& M  }3 p
var tempBallSpeed;
var currentBallSrc;
var newXDir;7 \3 S* N7 R2 k: G/ `$ j3 b
var newYDir;
/ ~# n# l, x0 L, [- Y5 ^( d) y8 O
function initializeBall() {
if (document.all) {' J1 c9 m: ^3 H2 r  T
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight, N+ y, X! G1 @* Z. G
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight$ o# P* e# P- V# e# M
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width8 K4 ^( M* d: ]
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);6 I; j  O: {9 v9 X+ `1 \5 H
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)+ ?6 m& J" `/ B. R: j
}
9 V: m7 ^$ r+ ?9 @1 s" W
function moveBall() {
if (superballRunning == true) {$ P8 P5 p0 d  M) {* E$ v2 g& @
   calculatePosition();! A5 [1 z8 Y6 v: `" k( A% v8 d
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;+ W! S. L; M$ G+ C* w
      }0 l7 u( Y0 Q2 g- ~# l
   animatetext=setTimeout('moveBall()',20);
   }1 S6 [: e2 _. c0 u
}) y6 Z+ X9 a/ Z
: V$ a& e3 K9 ~" V5 N. V, z: {
function calculatePosition() {/ j* K* \; y3 x0 s
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";  T; T) o$ e$ Z' N7 c' y
      }# o; a3 N. p/ V9 x- A0 m! Q" |
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {- v% ]8 r5 D9 w( `' y, Y
      xDir = "right";
      }( R3 x1 `0 s$ u) c% A+ D
   }
if (yDir == "down") {0 _+ V: q" T1 k1 W, d: E2 w5 W
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";0 B# D8 l" ~, s% ^) o
      }" o5 [6 W. n2 O- u5 }
   }
else if (yDir == "up") {& d) I8 S+ i+ |
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";8 \! J, B# ~/ R6 @) a
      }
   }  C- M5 m) `# G
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }$ A! B- p( |3 a' L1 q
else if (xDir == "left") {
   xPos = xPos - BallSpeed;1 V- f+ A7 H$ t
   }
else {
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }. c9 u; S0 ^1 K( L( Y
else if (yDir == "up") {" n( l) Y* e+ a( l: {2 u
   yPos = yPos - BallSpeed;
   }1 @: }+ w+ z' F
else {/ B0 D/ Y. j" ?1 ~# w
   yPos = yPos;) r$ F7 g' `: u( b( y* t
   }
}7 b" Z" F8 _; R1 C5 f" _) |

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"( [: h" W- ?4 O, b, \: T
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ n7 r+ v5 v  S3 R, L9 P
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");1 g! C, f7 f0 |# h; _6 m2 p
}

</script>

【捌玖网络】已经运行: