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

返回列表发帖

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">: G# k0 E9 T9 \. e* o, O8 `
#supertext {/ I4 s' w# }) a$ j( X, }" t. e3 G0 p
position:absolute;
left:0;
top:0;
visibility:hide;
visibility:hidden;
}
</style>4 J+ V9 j8 E, `  O6 O: y4 H
<script language="JavaScript1.2">. z: Y, c6 |& l4 r8 u5 m" r8 F; S

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';! n& {7 {4 ]( N

var BallSpeed = 20;4 k4 S( D! o( S7 F! ^
var contentWidth;
var contentHeight;% e1 N+ w( ~* z  Z7 A2 s
var maxBallSpeed = 50;
" E6 {4 @+ z' I. _3 b5 J# X8 j

var xMax;
var yMax;0 l% ^* r$ Y3 p& T
var xPos = 0;; G3 O  _3 [3 R# S
var yPos = 0;
var xDir = 'right';
var yDir = 'down';5 @  T  B3 T) I+ o+ J# q; n, ~4 g
var superballRunning = true;/ t$ Z+ {; O! i$ G9 ^5 q
var tempBallSpeed;
var currentBallSrc;/ S# L; H% t4 d8 I, _
var newXDir;5 r8 Q# z. a6 s# C3 t3 D
var newYDir;. n% E6 a  p5 }
4 B9 |( P1 N  B
function initializeBall() {8 g, g4 E  H' F4 S& z4 V
if (document.all) {( E# K' ~( x) C) i
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight, J! ^* t0 \( m6 _# E1 X
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth) R  L0 W' @1 i6 A/ w$ [0 A
   contentHeight=supertext.offsetHeight
   }* z% A9 R5 ^9 B* b
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width' h0 ?! @  {  l" R; X
   contentHeight=document.supertext.document.height& H) L4 C7 e$ T! y- H* j
   document.layers["supertext"].visibility = "show";! @$ _6 ^. k) A( v$ G
   }% @5 \  e, l$ r& @2 j0 N5 Y2 @
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}

function moveBall() {6 ~6 t! z: a  |4 ?+ V5 s# R
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {- ?5 q7 i4 b' o. i" @# _# Y; r, s0 G
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }" a' |2 U3 t$ o2 E
   animatetext=setTimeout('moveBall()',20);8 Y( I9 T0 e2 w
   }  j7 |  ?0 P" l( S" Q
}

function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {& b3 s8 N5 B" P- r& |8 a) ~
      xDir = "left";( L" X7 A8 e) t
      }
   }
else if (xDir == "left") {* t7 i& T; O, _( |
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }7 R, b& X$ D' i! h* p0 I
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";5 E8 y9 l' s" ?& W" F
      }+ L6 n% i1 ]* G9 v2 \
   }
else if (yDir == "up") {% ~. t( B6 \5 v8 n; \% l+ h6 A' t
   if (yPos < (0 + BallSpeed)) {' w* C5 d' ?0 k, X
      yDir = "down";/ U1 }$ ?. ?9 W+ O! u
      }0 T: S+ j6 b( T  `+ _7 d# g
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;- Y+ z* ?; E- n' j
   }9 Y' }! M$ ]( F
else if (xDir == "left") {) x% j: k! j: M7 E3 \% M; S: _
   xPos = xPos - BallSpeed;
   }
else {4 t+ u, h* M. W! f8 ^, \5 V
   xPos = xPos;) A8 T0 V9 |9 n0 {8 y
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }* u. }! f, U' Y. H
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }) A% |4 E( T% C
}) B0 `6 k0 x# n' L3 K8 X9 X, J! I
0 |( K$ E  r1 ~- {
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"( x! l( X* g; Z+ N+ g) W- O/ M" c( h6 P
else if (document.layers)
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()");
}
; J! Y) u  a& L
</script>

【捌玖网络】已经运行: