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

返回列表发帖

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;# z0 ]- \: H: y1 o# K) k* F
left:0;
top:0;. ^1 c: s, _1 n3 g& O. [. i) ?8 Z
visibility:hide;
visibility:hidden;8 F# g0 y) j$ r: `9 ?" u
}
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 I  }4 b7 J4 \
var hidetimer='';: ^7 X( y4 S, F9 m0 k
0 Q! n0 R7 t8 ^% X
var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;+ G* @' @+ e1 g3 h! R
, z' A6 R; I" _! [* @1 |4 p
0 b7 ]3 Y; l/ e8 i, N
var xMax;$ R7 I+ R2 J7 H4 S" u+ B+ c4 m: @$ t
var yMax;
var xPos = 0;
var yPos = 0;5 {( ?, R: O* B, N% B8 a, b/ |
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;" \  u! U8 g" M4 ^# d& t; |
var newYDir;8 Q! d2 b. a2 d# C6 S: H
' }9 p1 C* M0 t8 d
function initializeBall() {
if (document.all) {2 ]2 D& D% v2 G) }- e3 Q! ?
   xMax = document.body.clientWidth% b" A( |- H% L# G) |8 r7 G# s
   yMax = document.body.clientHeight; `, _# m, P) S; m; G6 }
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }9 [9 E: W* j4 K! F
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height% n% u1 k# q6 K8 n1 i. k% x4 h
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)( z7 g, S0 @' s3 D! V1 Z  Y
}

function moveBall() {
if (superballRunning == true) {3 a( F: H0 |9 b" ]$ h! P
   calculatePosition();' C, B7 i6 T: J. B. k* W& D
   if (document.all) {+ P' ~: ~5 R& I8 ^. x/ W* C
      document.all("supertext").style.left = xPos + document.body.scrollLeft;( \! Y0 V, n7 }& ~! t4 a
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }* K! m* B3 a3 B! n# h) r
   else if (document.layers) {7 A! a4 V. m( K+ u/ g5 n
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }. z) o0 Q; A- J6 y
}+ N' G, d; Y! L' ?: `$ B
- z3 P' G6 _$ p. ?3 @& R; a
function calculatePosition() {
if (xDir == "right") {1 \! I$ C: S5 ]9 Q
   if (xPos > (xMax - contentWidth - BallSpeed)) {  ~' A& H4 w0 B
      xDir = "left";! E/ {3 L- V; R; k" i
      }# ?/ B' l- d* a7 m
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {. x% f$ O9 U- @$ T: w
      xDir = "right";
      }
   }
if (yDir == "down") {) }- N: {( @4 O
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {$ B' x( x/ R: P' E/ U5 P
      yDir = "down";1 F' o5 q' ?1 w1 z% m9 n+ v2 {
      }/ I6 [1 `  D' k2 |
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {: D  s6 ?. K7 H! f2 Y% ^
   xPos = xPos - BallSpeed;
   }2 P9 F" l( e; k" ?. q7 Y+ L
else {% x! y, e8 [* I
   xPos = xPos;
   }
if (yDir == "down") {) ~8 p: y$ `  U" J9 T, J) u
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {" A! E/ L0 J9 ]8 Q3 x5 U7 r% Z
   yPos = yPos - BallSpeed;
   }
else {% G: w1 O3 X' M& ~- w' J
   yPos = yPos;0 x+ W* O2 K3 G) o- T) \- N1 h
   }
}" b9 i8 @) O1 m' w
" C, Q7 I. p" H
function hidetext(){# }* j' w! G! U6 ^" K
if (document.all)  o1 w8 A0 j& z) S1 ]. H& X
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"& X" `# u5 F9 X0 O# f; U. P) q2 b
clearTimeout(animatetext)
}* V3 O2 i& `3 z( w2 Q, _6 }

if (document.all||document.layers){3 O- O, m5 c3 q+ c8 T( z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ o2 v, q; h7 @1 Z
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");' ^2 _2 s# g0 b0 b" _% r
}
# `+ v: T# i* M6 _! J4 T
</script>

【捌玖网络】已经运行: