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

返回列表发帖

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 {) q5 M( @( g) S1 m# N# \6 Y( b3 f
position:absolute;
left:0;
top:0;: u( V, o/ w4 t2 d% }! `
visibility:hide;: W: Y2 U+ V5 C& ?5 N
visibility:hidden;% ?6 z7 z3 F8 R" V
}
</style>
<script language="JavaScript1.2">
6 H" ]# R( i' c" _
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';+ f1 ?' P3 f  m( J2 y- o
. }3 O/ G5 C# o$ |+ L
var BallSpeed = 20;
var contentWidth;
var contentHeight;$ C; H# F* d, X, u
var maxBallSpeed = 50;
2 N- `1 Z9 M0 E: _- m) _6 j! \
6 [) _" c  E8 X6 ]* I1 g. \
var xMax;
var yMax;9 F" y3 k  ]" u; |
var xPos = 0;
var yPos = 0;) N6 V/ B" z& y5 ]5 ?* M# O
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;) ]$ A) G( A& j# c1 N) M7 {
var tempBallSpeed;
var currentBallSrc;
var newXDir;, {0 g! }" l& u, Y" {
var newYDir;

function initializeBall() {- v4 Y# R: ~2 @5 Y1 N; a
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight; K% |% @/ S$ u' R5 W. _
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight* g& w8 @  }8 D( q
   }
else if (document.layers) {
   xMax = window.innerWidth;* |: n. h  B6 ]" [; Z5 N
   yMax = window.innerHeight;1 F) C; _* P  O; ^. ]
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";" _# c# t: j, y
   }! f) z7 {$ B% ]
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}* Z; Z  C0 Z5 @/ w% D5 r4 A5 a) V
, Y$ R% z( r* A
function moveBall() {
if (superballRunning == true) {; o0 ~' y% V# w
   calculatePosition();. P/ f$ y) I, U) T- n5 O4 C4 u- }% L
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;7 l7 B( T5 q+ q
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }
}
3 S+ U' r- E$ Y' f# u
function calculatePosition() {
if (xDir == "right") {. t* {# o' E- I( f! U9 |5 X
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }, @2 J4 T& {5 ~# u( P+ u! A, \3 O
   }$ t' q9 z2 N" b* B
else if (xDir == "left") {: O: x! K: L9 y
   if (xPos < (0 + BallSpeed)) {: m5 |. _, z0 S$ b4 y/ ^
      xDir = "right";6 I+ p6 f- d8 `2 f6 C
      }9 S; ]! o% F6 E9 h% A4 E: o1 S3 M
   }! S2 `7 T& ?3 g( }8 V3 O9 k" N
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";' K% u) ^3 M' Z, K
      }+ C8 x2 z! ~, g9 D2 z5 `
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {% P* \, {" e' Y4 B! R
      yDir = "down";
      }# v3 F: G. g) y. w/ o+ L
   }
if (xDir == "right") {4 [  `. F! Y1 k- `: {
   xPos = xPos + BallSpeed;
   }6 ^9 I) o+ Q+ P1 K3 L) A
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }( \0 J. r3 X- q5 Z. D
else {' m9 f( W% b* b% E# i7 ~0 I% H3 P
   xPos = xPos;
   }
if (yDir == "down") {; B) i% h" i+ L3 e& `# t$ T$ l
   yPos = yPos + BallSpeed;
   }  C  M; \, D" j1 z4 A
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }
}, |( N$ j. g* C
1 l- O; e% S: n6 j1 x$ @* {
function hidetext(){9 s$ v- d6 @+ l
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext). H# b! c0 N/ j& d4 n' j
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");) }  v1 }0 Z, V5 R
}* H  p: b5 A  X4 n* u
7 v7 U7 o1 f  s2 Q& ]
</script>

【捌玖网络】已经运行: