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

返回列表发帖

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;
visibility:hide;3 b. n% e. n$ m' {; B/ b& _" s
visibility:hidden;
}
</style>
<script language="JavaScript1.2">- S& C0 q0 L& P, N2 N4 e
* ~/ A' \! X. _% j# m/ H! o
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'* m; L- ?5 J- |# v( p) Z
var hidetimer='';
) t- A# q0 o" Q6 @
var BallSpeed = 20;3 L1 N' [4 a, O2 X- {) p
var contentWidth;6 o* O+ O$ m0 h4 h& Q$ D$ {
var contentHeight;/ g9 k; q, G0 Y; @
var maxBallSpeed = 50;
9 n. p9 L- O$ {$ R$ b9 i2 {$ o

var xMax;
var yMax;  K# E+ ?5 l3 w" J7 @7 @
var xPos = 0;; {; p6 ^/ ~* [& {
var yPos = 0;
var xDir = 'right';% a0 {0 f6 b2 e+ a# i, v
var yDir = 'down';
var superballRunning = true;/ W$ v# D9 k, O/ ?
var tempBallSpeed;
var currentBallSrc;" K# _1 V& H+ `& ?) F
var newXDir;* D' S: A* k7 B  N8 l
var newYDir;

function initializeBall() {! L8 g+ R/ m/ Z* ^9 s/ v
if (document.all) {7 ^1 o' c, ?# k: |
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth+ `" N+ u2 `/ y, J' ~+ [" n
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {
   xMax = window.innerWidth;2 U& P2 n; z  o8 E+ u& Y
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width' n" b! C% J9 W6 m/ V7 z
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";- Q8 v1 `  O) t! p
   }& f* o' o1 W( f" A
setTimeout('moveBall()',400);3 P' N* k2 C/ g* E' y" O: k
if (hidetimer!='')0 ^$ o: n( V3 I
setTimeout("hidetext()",hidetimer)
}+ V  _7 o0 w- J( H: R6 }

function moveBall() {
if (superballRunning == true) {
   calculatePosition();: F0 f; M" z  T5 l: E* S
   if (document.all) {; e7 m' a/ H5 N1 n
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;3 @' `6 d$ v( ^! p0 r6 b8 D7 W
      }
   else if (document.layers) {) E% P) ?0 g2 [1 p
      document.layers["supertext"].left = xPos + pageXOffset;' ?. Z' O% \" ]7 b: C
      document.layers["supertext"].top = yPos + pageYOffset;, x( w; x' L. P2 ^
      }& ~! a; m( P2 e. k  T
   animatetext=setTimeout('moveBall()',20);
   }
}) b$ R3 i6 u- N
8 L$ x8 b4 ~6 S2 u' Q
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";, x* W: R$ |) _' K& O
      }
   }! I  G3 Y7 x, `2 F
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {$ W$ Z$ ^; }, z5 e- P
      xDir = "right";/ r0 Z( N! n5 _& q: }  W/ i
      }1 F- h4 l, j( B
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }4 y1 X$ s' t7 J3 B0 v5 u( f
   }! U- u: s$ Y' P* O3 W
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {- q) T, q. q/ A. f7 P$ G' p
      yDir = "down";& C+ d1 y+ H( s( Y
      }3 J+ p; x. Z5 F4 d- |
   }
if (xDir == "right") {' \. }" E: c: P' }/ A6 l
   xPos = xPos + BallSpeed;
   }" h+ k3 U9 R9 s3 H6 L1 T: T
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {- w, x! p9 [6 D7 ]6 @9 O
   xPos = xPos;. _' C# ?$ j  O# e- r+ v
   }
if (yDir == "down") {. c# {" e) M. i3 L
   yPos = yPos + BallSpeed;
   }* Q, a- N1 J- G2 x
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"5 }6 g4 E  U( R" _. F" c0 n; Q
else if (document.layers)5 a& |6 s3 J/ f5 r& o4 D
document.supertext.visibility="hide"
clearTimeout(animatetext)
}
# }# q; B5 W1 \* P1 _0 Q+ v
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");, q" Q# U( \/ y( U
}
: f& p+ E  j3 w) L' }. Y" }
</script>

【捌玖网络】已经运行: