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

返回列表发帖

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;# o, p5 g# {; p% u: @' T
left:0;
top:0;
visibility:hide;
visibility:hidden;
}
</style>
<script language="JavaScript1.2">
4 W% c9 i: v( T" y$ V4 Y
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;
var contentWidth;: _5 K0 t( m# y" |, Q: z% Y
var contentHeight;
var maxBallSpeed = 50;
- ^; e* Q9 ^8 O. Z8 P; G. S4 \
( u0 ^- B; `3 l8 l7 g) j
var xMax;( k/ l3 V  v, ~1 S: ]5 H9 K6 R
var yMax;, A# \, I) O7 k3 W% `7 q
var xPos = 0;2 w7 l& ]8 t% b* z
var yPos = 0;1 f; U+ P5 r! m4 I" l0 k. l
var xDir = 'right';
var yDir = 'down';# r1 J8 N4 d: g1 d' q
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;. G0 y5 n/ ^5 g) b! f, x
var newYDir;
# e- r- h. k9 M$ n! f" j: d
function initializeBall() {
if (document.all) {/ @% Q0 E( h: ?; B# h' ]
   xMax = document.body.clientWidth8 Q( y0 H7 D) f: w3 z6 X4 w
   yMax = document.body.clientHeight0 b: V3 f" i3 v/ s
   document.all("supertext").style.visibility = "visible";9 O5 ?. F0 J& w4 |6 }5 n
   contentWidth=supertext.offsetWidth* [+ g' L# V9 i% H) d
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {! F$ u, Z# w# v
   xMax = window.innerWidth;  z' s2 U# K6 v9 i: Y. N. e
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)5 B4 p4 z; Q/ g3 @
}* T% D; b/ S8 b) {: _$ \7 y$ [

function moveBall() {
if (superballRunning == true) {  f2 V- o1 u: Y- }5 V  F3 \! W
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;* D: a" ]5 _: p5 ^: y2 J
      document.all("supertext").style.top = yPos + document.body.scrollTop;; W; h2 c+ x7 V; i1 y
      }: ]" V& {# o% {4 Y8 }7 q
   else if (document.layers) {- ^8 C, B7 r1 q( ]2 X7 n
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;$ Z, }) e9 u: }6 d, d
      }  Z, E5 @& s) U2 W$ \
   animatetext=setTimeout('moveBall()',20);& o4 E) u* D0 R' w
   }
}
  s) @% d  a' L' A
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }( Q# ?- t  {7 `" e) A+ Y
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";! G9 H" w' x+ a# V
      }* Z# S& \0 {' d6 P9 Z8 y# E" \
   }
if (yDir == "down") {5 k1 b4 Y  _8 \0 t
   if (yPos > (yMax - contentHeight - BallSpeed)) {8 D4 a7 C3 K, z, H5 [& R
      yDir = "up";7 _7 V  ]! P  e- b$ R+ z
      }4 f  u  c2 O' @' M
   }5 F. K$ `1 c" I4 K* ^+ F8 |
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }. P( {' b) p7 q7 D; x* D
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {
   xPos = xPos;6 P3 w- U6 h7 U8 k
   }+ g* A- e# @* U3 @; b( T$ C% a
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {; R4 u! |  @4 H* c* O
   yPos = yPos;
   }
}3 S& Q' K* O" z% f# j% X$ _
5 I$ o0 [5 K6 N; ?
function hidetext(){
if (document.all)1 ]* }1 ]7 N& N& R) k
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"/ s$ f) `! [: Y0 R
clearTimeout(animatetext)
}
3 y9 i6 Z! Y0 |
if (document.all||document.layers){( `: y3 |# D7 X' e. i1 y
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). Q1 V4 O9 H* M
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");; H( Z0 j6 }3 _2 r" K! b9 R' l* l
}

</script>

【捌玖网络】已经运行: