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

zw2004 发表于 2008-1-21 20:55

网页之不断弹射的文字-特效

<style type="text/css">
-k;t?.l&Z,i Xv V^/z #supertext {
5u*}$`4`$@v`,b5xe position:absolute;k
l)Dngs.Zp
left:0;
(CG eg XS#vz2z top:0;
QR?;['Rn visibility:hide;
L;IH-Wtu visibility:hidden;cX6dAe0[B
} |;RDlUF @
</style>T8F0hu*xTO1{1w
<script language="JavaScript1.2">
i u5t*M[6~s9H <!-- 改变下的字体的大小。颜色--> _Lj"X[3h_%Y'C
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'U+QW;t ` {
var hidetimer='';

bBo*SqOC <!-- 改变下的弹跳速度-->)f2sqh4X1y XSX
var BallSpeed = 20;
N"d+`(OF ? var contentWidth;
K]B NlG-HBl-V var contentHeight;
la Z`4b9Jy V*I$NY'Ng var maxBallSpeed = 50;
*B5Z9jA;Dx q*u Gwy)C
Ha7?P]j*o"W
Nh}M9Yd#l;H
var xMax;
0fL%g?{9a var yMax;)yCPT!k-p
var xPos = 0;$EPnR7US
var yPos = 0;\!qSs0S9x
var xDir = 'right';lLGAj
var yDir = 'down';
\s b&f(L!e var superballRunning = true;)H.d1K0u/as
var tempBallSpeed;S(c$H#{%i
var currentBallSrc;
!HwcA({ bW'I var newXDir;
/@"vZ}L.\ var newYDir;
^/z6t:A^R0d!dR 6uijfC7K(e%V }p%Rw
function initializeBall() {
+@Zl;AT4[
@    if (document.all) {
.T&s2L Zi"l+vo/L       xMax = document.body.clientWidth8i6@'Dd9B
      yMax = document.body.clientHeight]#G [4p5}V
gO
      document.all("supertext").style.visibility = "visible";q?WEX2U'I6E
      contentWidth=supertext.offsetWidth
6A8~;w'N$qri9gR       contentHeight=supertext.offsetHeighte%?_dGSE
      }+LO:{mj.D~teI
   else if (document.layers) {I:c:q)Lr
      xMax = window.innerWidth;?e;EDH)Gd5f
      yMax = window.innerHeight; Sun!j0PJ
      contentWidth=document.supertext.document.width
lM.Y
[(TN
T       contentHeight=document.supertext.document.height
k(u/\'pUQ2IOLC       document.layers["supertext"].visibility = "show";
KECbR'Y,@9H       }x-TJA?TNu
   setTimeout('moveBall()',400);
Z~miE*q c    if (hidetimer!='')r4l*g"Wc'h/SMY6^
   setTimeout("hidetext()",hidetimer)

klv/B afOI/Q*vE    }
F9M/a YKM_[
8\U)Q rCm x function moveBall() {Rh"{B6A'm
   if (superballRunning == true) {
-uaRrMk#}m'}(R[       calculatePosition();
3]x6H{([)AYt       if (document.all) {
+Hg'}g|.S;a          document.all("supertext").style.left = xPos + document.body.scrollLeft;.e'w~n
@e wk/D;S
         document.all("supertext").style.top = yPos + document.body.scrollTop;(S+Z8S!hx+A
         }
}b0z,D.`+V       else if (document.layers) {
.c cf.{"f#jy          document.layers["supertext"].left = xPos + pageXOffset;
OR#|/T'rsKb0}          document.layers["supertext"].top = yPos + pageYOffset;
1xx S`V vh1Pp          }G2NNf%]j,V
      animatetext=setTimeout('moveBall()',20);
-I f&`'r$\0G%J       }
AUeN&[ ]    }
*^KZuC8Jf ni6?9xH i N3My,P tq,\)r3V
function calculatePosition() {
"o$g8g"bZdd    if (xDir == "right") {
~@AXoS9Q6q6[1S       if (xPos > (xMax - contentWidth - BallSpeed)) {)cn5|:y
G
         xDir = "left";
)?WO vb          }^-i0C4N%EPN;x VY
      }T#ZPz|z
   else if (xDir == "left") {sUNq W
      if (xPos < (0 + BallSpeed)) {
%n:K5E8B#W7t5k          xDir = "right";
Y0_ xQ`9M#{          }0A%V(D7H6aT
      } cL0Nl$bEe MV
   if (yDir == "down") {
NU+VTo` uf       if (yPos > (yMax - contentHeight - BallSpeed)) {L0MAMy&I-z%k yH
         yDir = "up";A4vPfwe_g4I*d8U|
         }
+P"L `9D@y\       }
8v\{'T8Pc    else if (yDir == "up") {],Bu0S|;s
      if (yPos < (0 + BallSpeed)) {
R0S Fx |s          yDir = "down";'z!BJ'X Ap/[s
         }
saO2rT
r?:p!Q7Q"f       }| c9N;Fe.ET
   if (xDir == "right") {
9NhN:['d       xPos = xPos + BallSpeed;aWt1C^;?#NU
      }
3Ht.L.r3P&K-b    else if (xDir == "left") {
mo3o6G!u5f X)o       xPos = xPos - BallSpeed;
^:i#xu`Y_&f!P       }
3[i!n5Pk+C&b    else {
M,J[#A/O
      xPos = xPos;!s@1c+|s/_\0g
      }
ol-B:eG9C6l    if (yDir == "down") {jdg/u\5M-Y6`BE
      yPos = yPos + BallSpeed;/I
zekr9L
      }
9sbsB+Bz$Y%A X    else if (yDir == "up") {4K4BI@,r4PRf*q%m
      yPos = yPos - BallSpeed;~Y%wZ5p+R&`
      }
km6A @tJ    else {
3l]9u"?5aqDQx       yPos = yPos;
`1s]wizt4P/v       }"CGE|W(d G,Ty
   }6Md/G+cIK YN5c
Z

M/VY0[8g,` function hidetext(){
? P ^]JR
txK if (document.all)
+`/n)ZzP supertext.style.visibility="hidden"
Nw(E!\O/]#g else if (document.layers)
,^a8J.TA dwa!az document.supertext.visibility="hide"2S\MK%h%?-Kz
clearTimeout(animatetext)lK;U:{(v#T
}
Jb0Y:QZ_q$N b]#n.X~AmE
if (document.all||document.layers){
~:Xv#^4o\ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
a7ZW9le window.onload = initializeBall;
R;piXn window.onresize = new Function("window.location.reload()");
xk5b0o!@ }
SDtOW9Y UA&QIxc
</script>

查看完整版本: 网页之不断弹射的文字-特效