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

返回列表发帖

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;
left:0;
top:0;5 ^9 p$ I+ F' z8 c8 X/ T' T1 I( E
visibility:hide;
visibility:hidden;  r. I# r) f* Y* Q! I  }, r
}* R; m# K) y2 Q4 r7 b1 s& w3 ?
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ S9 T9 q- q2 C: N
var hidetimer='';8 L/ s) t1 D, Z- A2 O/ a

var BallSpeed = 20;) T: C  w# `, C0 u* \
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

  i% _2 _% d. W) D4 q
var xMax;. y- V; i. P# o' U' f, `
var yMax;
var xPos = 0;* E# K2 Y0 e4 U4 H: D+ D9 W
var yPos = 0;9 R* U" A2 t5 X; u1 O9 M
var xDir = 'right';/ |: u- [2 ^1 c& I7 K& p: c
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;" O' E- c) J! r! A  r* {
var newXDir;8 F# X( ?9 E/ @4 U' c! d
var newYDir;
% ?4 X: t2 c- P) Y' a0 D
function initializeBall() {
if (document.all) {8 c0 m  L6 v  }" Q( @- p
   xMax = document.body.clientWidth* f3 k* I8 A/ q) E$ P
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";- E) _; w$ S! N2 O& }) ~; B! d" A
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }2 \4 f$ F3 p! }
else if (document.layers) {% \* |+ V, l3 ]" y. T  w
   xMax = window.innerWidth;
   yMax = window.innerHeight;4 |- r3 ^( A  U( B7 ^+ _) a( L2 |
   contentWidth=document.supertext.document.width; v) G: C; l) |  c0 j
   contentHeight=document.supertext.document.height6 e( D4 g; r" _/ N$ a- _3 X
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);+ K" p1 ]9 a+ I; c& {% f" y8 X
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}

function moveBall() {3 R4 `  @8 n: }3 q& }
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }. O) Z" I6 c5 J' W! A. x+ p+ _
   else if (document.layers) {$ S9 O: j) g$ M5 U
      document.layers["supertext"].left = xPos + pageXOffset;( u7 j% K4 G4 ]& `6 D4 {" D$ n: A
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);7 l( V1 P. M1 C# T: h) [2 u
   }
}

function calculatePosition() {
if (xDir == "right") {* P5 K6 v( A( S2 j) r
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }0 @5 y7 _! M" V+ u& x7 _7 e
   }
else if (xDir == "left") {6 T+ J0 s# ^% X. I  j2 J/ H: G( J: R
   if (xPos < (0 + BallSpeed)) {4 e( T  B) R: r0 V; Z% u, @
      xDir = "right";
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";1 B% A9 ~; N5 b( s
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";! ^/ A+ L& l/ n! C
      }7 ^; N+ ?( k6 j5 w+ X; E& ^" u
   }6 I6 N3 H0 s6 v/ S( M8 k
if (xDir == "right") {" B: f+ `. j% T) m0 L2 b# e& e$ e1 l* d
   xPos = xPos + BallSpeed;& n* D' |# W& e
   }
else if (xDir == "left") {( G) _8 F1 W+ ]* ]
   xPos = xPos - BallSpeed;
   }- N" l+ a! b" K* F5 ^2 b
else {' L0 l8 ~& g8 k# D
   xPos = xPos;3 ^8 l6 _: R# C. z
   }
if (yDir == "down") {' L% S! Q, v& u) K
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {( |2 C1 V( M8 l8 ^8 e7 h
   yPos = yPos - BallSpeed;2 R+ M$ P' J% u
   }& p8 f5 E$ S4 K! q- L' z
else {
   yPos = yPos;
   }
}

function hidetext(){- T" e+ M9 r$ C; e: q$ o4 |
if (document.all)9 n$ Z, E% o5 L; U1 Q# \
supertext.style.visibility="hidden"
else if (document.layers)/ ~7 S  }1 t7 U
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: