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

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

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

<style type="text/css">
7Y+[K
}Tu4BO
YPE #supertext {
R8Lx{n#Y)S E U position:absolute;%aXzC.r~-a4[
left:0;
;F'P{'ot*a-t-] top:0;
%MMhT7e@cC] visibility:hide;
qs x2Kp visibility:hidden;
!b!t-f@_d1zf }5fls7w*kc:@ D8~
</style>
7n#p*OxcN0| Q <script language="JavaScript1.2">
6[J%g
TT!~ <!-- 改变下的字体的大小。颜色-->o&h#|r7K z^{
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
eGF|L var hidetimer='';
OaW he,u
<!-- 改变下的弹跳速度-->
;t!?%EY?s9X9p var BallSpeed = 20;_%i)n_P0J
var contentWidth;
)xXe7_0U7yX@ var contentHeight;0Z2W]&}(iO(v
var maxBallSpeed = 50;
-EbD)u \+Fz
D*LnKg%V !C*VX\rJY k
var xMax;
}jub1u7W var yMax;#x#v2[[0p:Pk$g1Z
var xPos = 0;
a'Z.b%m1Z var yPos = 0;G#HBfo+``5@dH
var xDir = 'right';/o:b lm*oT2e9du
var yDir = 'down';|'mH(TH
var superballRunning = true;-W{k?$_4|$k}Z
var tempBallSpeed;8]G2urf
var currentBallSrc;'[dqzB:A;W
var newXDir;R7]n]
Xyu"~
var newYDir;
QH+B?~R{T
hDB(o8[(xN function initializeBall() {
5|R,cg0Oji7w    if (document.all) {:ft&D'~Y-nM
      xMax = document.body.clientWidth(^r ` atI(PH W
      yMax = document.body.clientHeight
8v+T9{6}s&\"A/g       document.all("supertext").style.visibility = "visible";-yd%G%v-~yR
      contentWidth=supertext.offsetWidth
(r"f Tc8X{ d2Y       contentHeight=supertext.offsetHeight
"W9vz,zc~A6A       }
U7g_6\aA2X5_,f    else if (document.layers) {
4a{L&Q1^k       xMax = window.innerWidth;
jk7|t0i3Y?t       yMax = window.innerHeight;
3Axn V%FK_0QS       contentWidth=document.supertext.document.width0_me^MwS&u6~i(J
      contentHeight=document.supertext.document.heightV ?+XX p
      document.layers["supertext"].visibility = "show";
6{!J'O,K&|'LU{:x       }1E!l5RV\4xe)y
   setTimeout('moveBall()',400);,q.fL"n.wn{-B
   if (hidetimer!='')
@+D7j"\#y2pAx0[    setTimeout("hidetext()",hidetimer)
q0sB8r:r;o&z    }"T$~'E)n1q&pCK

&xT0GL1j'HBMr function moveBall() {
[U!G\ix-f"N    if (superballRunning == true) {5MWn^H"E {7L
      calculatePosition();%FUd5wF0o'H
      if (document.all) {U VBAT,P fa
Q
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
mj/g,|;v"a|k          document.all("supertext").style.top = yPos + document.body.scrollTop;
)s bY2@s8v          }/^ue'Gat OX
      else if (document.layers) {
2@3]a^7}X]@          document.layers["supertext"].left = xPos + pageXOffset;
|*B;T:m(T L          document.layers["supertext"].top = yPos + pageYOffset;
U5M1^ @m          }3O+bi,qO7cb
      animatetext=setTimeout('moveBall()',20);
Ote ]wG       }9X{1i(s&GHB
   }
@i*x\Ju_"j
.K#qAN_r function calculatePosition() {4sh-P3ma
   if (xDir == "right") {4CgOM%i^,^mp5b
      if (xPos > (xMax - contentWidth - BallSpeed)) {Wv.I/z2z$@/M
         xDir = "left";
3@.gC3k~          }&d B6PZPC_Uz
      }
#mzI5`,tDK@    else if (xDir == "left") {u6[ g
erQ{$C1z
      if (xPos < (0 + BallSpeed)) {
1b{)|[1ir4Nv          xDir = "right";`@V&_d|3S[
         }?;^#?2w_y0m:cIL5h
      })C#mX6?+\z
   if (yDir == "down") {;k|4h {0}3[D5Q
      if (yPos > (yMax - contentHeight - BallSpeed)) {
O1C8~qw(zKn          yDir = "up";^-Cul2b|!R$Ro
         } CRA]\9S
      }
(\nc^'_AeAH    else if (yDir == "up") {YY8p/\[ C
      if (yPos < (0 + BallSpeed)) {
5f&f+}&c&YVw&u*C          yDir = "down";#J,qB] \M}OU!C.e
         }
e/qfw)E [       }Xo8N%q0p&uM\
   if (xDir == "right") {
3x GI~D})_U       xPos = xPos + BallSpeed;5EM|,C7k9g2Z!p
      }
(t p.},R'H T1v    else if (xDir == "left") {
,\ fls&Yq       xPos = xPos - BallSpeed;"n0WPp#Y'F,a%N
      }
5n/b'cC*NM(D%G    else {:stY7]"o
qC*X
      xPos = xPos;zF.NZ6E0@%Z{ [
      }e6V?.r2O&z
   if (yDir == "down") {M/OM;w i)k&Z
      yPos = yPos + BallSpeed;
9{+Ke&|l u0b       },s$w [$J,UT9q5U
   else if (yDir == "up") {
|wVm/s[ \cK       yPos = yPos - BallSpeed;(f8Z|/|0e1YhS/N
      }
!K_ o.gWw,oO    else {1e;s9Z#jq#p4v D
      yPos = yPos;
?5u-C;m(i.bh,n^a       }5x&Yws-@:q"aTK
   }0n.UP!i)o,QCi%K@Gd_

+^JW5Vxa function hidetext(){
3c~"t
^R3_3Fh9iI if (document.all)
o(Z*d~bu#S supertext.style.visibility="hidden"
"c}6MfB else if (document.layers)ZP/I3Zr
document.supertext.visibility="hide"FJ SR"v
clearTimeout(animatetext):h+ooiY5y5c(\)_r
}
D:h~bk.oI :U&n _.sQw+b(f*D
if (document.all||document.layers){/z:g V-Zj;o6oS:t!Z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')|:]4Ir)rBxf#K"J*^
window.onload = initializeBall;
Nok5d fo Nz4_ window.onresize = new Function("window.location.reload()");
&X0kMG/IJ }
u0hrW}UoDK
i8EPL~ </script>

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