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

返回列表发帖

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">( i& o: C; w3 y
#supertext {
position:absolute;; f- b8 g3 n1 V& @9 _( S: b. P
left:0;
top:0;
visibility:hide;
visibility:hidden;
}
</style>! S7 J# v+ B  S$ c9 |- H. q: J0 q
<script language="JavaScript1.2">3 `6 b! K+ ~" k5 H, i, C
1 n' C5 m" J6 s! j, k
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;6 X( `2 i+ n1 [( A1 f8 d, [
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

var xMax;
var yMax;" Y; S8 W% u9 Q  i
var xPos = 0;0 H- g' @7 \% Z+ e0 }
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;1 L; x3 P8 x4 K% e' ^, d4 W% _: f. X
var tempBallSpeed;
var currentBallSrc;
var newXDir;9 l: U1 @6 |# U' s
var newYDir;

function initializeBall() {1 K7 ~! z: \1 g& R- Y
if (document.all) {
   xMax = document.body.clientWidth7 l$ Z6 `% u( S3 w/ C; x9 x
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight' z/ r. I+ N7 X) {
   }3 v/ ?9 G4 k' x0 z
else if (document.layers) {
   xMax = window.innerWidth;; Y" M; E9 r+ c" z. G
   yMax = window.innerHeight;  u9 E$ }" w7 l6 ?3 C
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height+ s8 i; N& P; X! x8 ]4 p* e5 Y1 r
   document.layers["supertext"].visibility = "show";* U" o& l' `( l8 _: A
   }
setTimeout('moveBall()',400);4 |. P4 a9 b$ V/ w+ N
if (hidetimer!='')1 h, b5 x9 A. \, h0 k2 W
setTimeout("hidetext()",hidetimer)' K- L8 N" m9 z! U5 B( q; v" z
}

function moveBall() {
if (superballRunning == true) {  q6 S2 F3 k! g" j
   calculatePosition();
   if (document.all) {8 M( C" ^9 p7 B' q
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }% |3 O& A5 @) {
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;. O& D$ [6 F, o' y. \  g- {' Q9 g; Q! ^
      }7 A5 @5 F2 I+ g. H. h
   animatetext=setTimeout('moveBall()',20);
   }+ q7 |6 C; |% P% _0 C5 Z
}* a6 S( G4 a4 X. Q

function calculatePosition() {
if (xDir == "right") {( p  q) J5 \+ p& c$ c- _
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";3 f  t; e/ b5 F; X
      }
   }4 Q/ q8 \' I  A& D0 w& N
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";! G' J2 i- n/ G" |$ {. g
      }0 G; k( H$ s7 T  F4 r
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";4 W; S/ g  |0 x% X8 k! m
      }
   }# A2 O# u2 [- U3 u* i6 M# Y
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }0 D+ S  l! @$ O
   }
if (xDir == "right") {& H% S; _3 B7 U$ k
   xPos = xPos + BallSpeed;
   }6 w: o+ ]( k& G
else if (xDir == "left") {
   xPos = xPos - BallSpeed;" e, B7 ~3 q& g1 Q2 _) N
   }
else {
   xPos = xPos;% ^# h' O( _/ s3 ^. m
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }% ]) @& u) A' A  Z- h/ n; R; R
else if (yDir == "up") {4 O$ Q2 J% ~2 D
   yPos = yPos - BallSpeed;% r+ R0 w% y) N" |* q, r2 C! G
   }
else {
   yPos = yPos;
   }: g- A  C6 M& q  L& s2 @
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden") _& _- o( {, ]- M
else if (document.layers)3 ~$ i$ }9 o/ m
document.supertext.visibility="hide"
clearTimeout(animatetext)
}! P# c# w0 `6 z0 n
' v) h# [2 v4 }5 C7 |& t
if (document.all||document.layers){0 ?+ D3 V4 ]! C* r5 u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ }9 C% G# J: r+ }1 g
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");" J  A3 d" l9 T5 d. H
}7 \& A; ~! }, |- H* e

</script>

【捌玖网络】已经运行: