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

返回列表发帖

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 {# \% \% I4 G" f* e' G+ k' K# B$ \
position:absolute;+ Z6 r: {/ N7 V, {9 L6 O
left:0;* ^4 B# N1 [: N( i6 [4 f
top:0;
visibility:hide;6 N/ _4 |* X4 p5 q( {
visibility:hidden;
}8 t5 W' S3 n) B5 L2 s9 y% X- u
</style>* X" _2 f8 p2 ~3 a6 C% U
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;
8 H1 a1 c* x1 b# k
/ \: o$ b" b' j! m2 Y" T8 E
var xMax;
var yMax;8 p) p# k$ _& h& A  O
var xPos = 0;" Y2 x( Z+ E* |( ?+ S  g! M
var yPos = 0;# s6 H& X' ~% q3 \
var xDir = 'right';0 D, C) U! U  p" q$ u2 T6 u0 p
var yDir = 'down';& l% N3 @9 a; T+ ]8 ~( P% c% _
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;3 P3 x: b. ^6 C" M2 Y2 b; c/ ~
var newXDir;
var newYDir;

function initializeBall() {9 C) r9 Z0 H" V
if (document.all) {! i; a9 v/ K- i
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight: S! M! n0 I3 b  g  ^6 x6 w
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;+ ?* n. x0 q4 Z- R/ K
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height* }+ J: S4 l9 d: {1 j& s
   document.layers["supertext"].visibility = "show";2 J9 N5 Z- H' \$ I1 n% ^
   }
setTimeout('moveBall()',400);
if (hidetimer!='')) b, b( c8 X" R* ?$ T0 W0 U% b
setTimeout("hidetext()",hidetimer)0 |& \3 i, @' X2 ^' }& |
}  @* }5 M* d7 S% S) f1 c

function moveBall() {( ^' x4 v- A5 k& ]8 J; o
if (superballRunning == true) {
   calculatePosition();4 u" P! Y2 }/ E# Q7 E" C: E
   if (document.all) {
      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;0 L9 k3 [: I: c9 ~8 ~, C/ U  s2 v$ H
      document.layers["supertext"].top = yPos + pageYOffset;; \$ I5 p0 o: j- x" T9 s
      }
   animatetext=setTimeout('moveBall()',20);3 M4 \8 w* g7 M2 f# s
   }
}
( c; Q$ L  e: r$ S
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";/ ^# y; T, z% p' ]( |
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {3 a, L; j4 I) e  D3 v& O2 d( z
      xDir = "right";
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";4 J3 [" f1 i: {6 G  T& \  J
      }
   }% H7 o( Q6 h/ ]
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }2 L  k- f2 M$ Z6 }
   }9 R' k  }# g* Q! @4 q
if (xDir == "right") {/ s9 _# d1 Z1 s" X# \+ Q  s" E, [6 d
   xPos = xPos + BallSpeed;
   }+ f, _3 s9 U1 Q4 |- r
else if (xDir == "left") {9 s" u! p& H1 R6 d9 z$ `
   xPos = xPos - BallSpeed;
   }
else {
   xPos = xPos;
   }% k: J9 e( u2 o' _6 K+ j
if (yDir == "down") {0 G" P5 s# N% ^
   yPos = yPos + BallSpeed;
   }  s$ d0 W" v$ r4 w
else if (yDir == "up") {2 U+ _" H5 v6 ^0 |1 w9 w, M
   yPos = yPos - BallSpeed;
   }
else {* p1 ?/ q" u' D: n
   yPos = yPos;9 V; M" |- ]& \0 |; z. V
   }. j9 L" k0 }$ o/ H: ^$ R5 ]1 Z! g
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)- P6 G" v6 [9 n1 ]& t% @. Q* _
}
& w$ O* J% q8 X: H- D! v( ~- I" f* ]
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ \7 c8 ^1 Q' S$ |8 X
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");6 I5 I9 ?* }9 l) e3 m% p
}

</script>

【捌玖网络】已经运行: