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

返回列表发帖

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">3 T4 s1 H8 E+ p/ S4 w' {
#supertext {" b3 w. J+ i, |8 e& Q" @3 j
position:absolute;
left:0;  @1 y8 O* B/ U2 n& f! R6 s
top:0;
visibility:hide;
visibility:hidden;$ R" W- n( [4 J' g; n" m
}
</style>
<script language="JavaScript1.2">
" n" g" I* u% h' z0 k' G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
1 h- @  F; \, s3 O% O) h& G
var BallSpeed = 20;
var contentWidth;% `+ I! }. Q& Q8 I/ k
var contentHeight;
var maxBallSpeed = 50;3 W; t, f7 i' C

3 X8 e( X$ N# k* Z) o
var xMax;
var yMax;6 o4 @8 K) }+ s* q! o) k
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;, s& I+ j  B* ]" F
6 f6 a* [. W( s6 N3 }) _4 ]
function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";0 C0 r* L6 f1 n8 l, ?: T2 r1 a
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight8 ^1 o8 T7 c, D6 M* ~- o
   }  a' s& s) L2 j9 u
else if (document.layers) {
   xMax = window.innerWidth;( k) G: W$ e+ I1 I
   yMax = window.innerHeight;1 T. \" W( I' s& e) T! M
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";; E: T6 h7 b) w% w
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}5 w% O) k* G# r0 t

function moveBall() {2 y' ?) a2 M* s. R
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;" u" j# x  m1 V+ ]+ ]
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {* x  d0 ]6 V1 Q1 f& F6 P1 H9 d& E
      document.layers["supertext"].left = xPos + pageXOffset;9 X* }- v5 D( o0 M- {4 o! A/ ^3 C
      document.layers["supertext"].top = yPos + pageYOffset;
      }3 q7 i' L( x' y5 W; h6 b( m
   animatetext=setTimeout('moveBall()',20);& C  |2 ~. d- f3 {' ?; a6 B
   }
}/ _: Q. f9 K5 K, f/ L/ H1 y. z
/ n1 y9 ~  N, ]& |* }
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";; H* F  S4 t. P. F0 S# I
      }- I2 C8 L9 m' j
   }
else if (xDir == "left") {" b& B9 m5 o. `1 j7 |, x
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";. m( R8 ^) Z. w; I
      }; |+ J6 A( Y$ e
   }  N$ \; d9 t) S
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {# v" w8 [6 h. `8 W( x3 q8 l6 O6 ]
      yDir = "up";5 u* u6 f% h2 I0 e3 ^
      }
   }  a1 U) |: J8 }% `( G
else if (yDir == "up") {% l' P# W0 J2 n: p2 e7 S8 S) W
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";+ X& M/ W# ?$ b# }. H
      }
   }% z0 q7 f! ^3 D7 q: t8 W9 E! y
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }( I6 g/ ~+ v. I6 |3 N! i/ R
else if (xDir == "left") {
   xPos = xPos - BallSpeed;& h/ ?8 e2 H9 C$ p6 z, i
   }
else {
   xPos = xPos;
   }* Z0 G4 ^  n2 A3 ~5 M5 L
if (yDir == "down") {
   yPos = yPos + BallSpeed;% b+ }4 ^9 \; T  q7 h8 U* ?
   }* c2 u3 s: j9 T$ }6 u5 e
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }7 b2 ]9 @) P8 s' W6 O7 ?1 j# s7 n
}
( M, U0 ^$ ^# r2 Z. e2 C% F
function hidetext(){: h' P+ M1 G# A% a+ o
if (document.all)$ i/ r2 e# @( C% ]
supertext.style.visibility="hidden"1 Y- {4 T5 \3 p& W" |! z+ |( L3 s
else if (document.layers)
document.supertext.visibility="hide"' R' \" O+ e8 i! Q
clearTimeout(animatetext)
}1 D4 Y- O+ M3 s

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ B, E: }( i3 `7 D: A, e4 K
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");+ s$ o5 c6 R$ `4 B2 f3 Q
}
+ F/ s% S: I, W: A* G+ E. h4 Q
</script>

【捌玖网络】已经运行: