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

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

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

<style type="text/css">/p)jFsQ
#supertext {
|0jV\t&\I'Gb position:absolute;
l.F(c| [;~
n2N'g left:0;
;H4D,C6J5\(?8V?r Q top:0;pS4O1dFL
visibility:hide;
Vis0?'M;d visibility:hidden; L)dCo[4Y
}Q gSg9eL6f,IPJK
</style>
3@!q5X;KVAu+]t#u8y <script language="JavaScript1.2">
E W1F0m%|)Q5dhm <!-- 改变下的字体的大小。颜色-->
p$o@7rG^ T6OG var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8LX!@~e9N`
Y;r var hidetimer='';-d+_:ulfLK
<!-- 改变下的弹跳速度-->
s`sRA var BallSpeed = 20;
3Ou}3P }:n1I var contentWidth;#M2o3N$]2Mzu
var contentHeight;S,[`v;We
var maxBallSpeed = 50;
1y'JOD,RXB
.n:} CJ?~,_
z zD1? L;\ var xMax;GdQN%hu_b
var yMax;
/f#s'^C`8E var xPos = 0;
ygM4O`3w$v var yPos = 0;bVL`-x)P-ee
var xDir = 'right';Ba4tb8z3d
var yDir = 'down';2N&U[iSK
`
var superballRunning = true;
\~E6y:|9w3MI var tempBallSpeed;R,n:I~!IG
var currentBallSrc;
MEkm/W8SZ2k var newXDir;3Rf$foX?
var newYDir;.y Hy)kZ9r
c.Z_u5Ra
function initializeBall() {
R9l`6X/N$abprt    if (document.all) {e6y/[,h9?6T
      xMax = document.body.clientWidth
:w1Z2a;XhKa
p?       yMax = document.body.clientHeight
/~kx(^4z XY$ZT-b7CMtK       document.all("supertext").style.visibility = "visible";zC1X:nc&Szj
      contentWidth=supertext.offsetWidthO;o3]1z]
      contentHeight=supertext.offsetHeight
&l2[TYwtO/[1t~       }k6zq+yef6GLG N
   else if (document.layers) {
.v uOA8D.b?       xMax = window.innerWidth;
x1Px;{-K&mK,Z       yMax = window.innerHeight;%hTMX3y"J
      contentWidth=document.supertext.document.width ji!_O:re5ue
      contentHeight=document.supertext.document.height
8Q_YL"g0Vz(~C)OF       document.layers["supertext"].visibility = "show";
?sbLF
]!]9b       }
#Rw5A"a"]{j@*mU    setTimeout('moveBall()',400);F#Y)i h%i r!`Btzk
   if (hidetimer!='')'\~:WQ8Pov-o
   setTimeout("hidetext()",hidetimer)+I4MF aSJ F`
   }V3O^0qt

&oUw&aj*zo function moveBall() {
7|0z?-n&U\)Vy0NOp+Z    if (superballRunning == true) {
~#i D6?)pi#H-[       calculatePosition();9W9_W,c w
      if (document.all) {
q3N L*ajz          document.all("supertext").style.left = xPos + document.body.scrollLeft;;W,y"O9@vM7T{$_
         document.all("supertext").style.top = yPos + document.body.scrollTop;Zb lxT%}f
         }
g_5A-[hH&d       else if (document.layers) {t*A"L4bV9r
         document.layers["supertext"].left = xPos + pageXOffset;
6z7H J4t;gp-i          document.layers["supertext"].top = yPos + pageYOffset;
%sFE-RA:A          }
vuo [8`
j*?K1CRO       animatetext=setTimeout('moveBall()',20);LhV9hk?
      }
?*Gj(HE0]
~$v'`g    }f&zd|p
,A1}KPr(c
function calculatePosition() {0x0N*`Y|L@
   if (xDir == "right") {
;u)_Ncr       if (xPos > (xMax - contentWidth - BallSpeed)) {ui.vKz(T5l{
         xDir = "left";6p/EhC^:p'wc \
         }B{"{Y"KBto
      }
_!GIC*z Y(f    else if (xDir == "left") {6CDRF$Zh
      if (xPos < (0 + BallSpeed)) {
7C&s"x(J
Mqc          xDir = "right";
;|)QZ9Q!s:U.B-K,J          }i1vj:fA"zR
      }
[|$k"y"Z;IEGA\    if (yDir == "down") {2@ ^7Lcn+E
      if (yPos > (yMax - contentHeight - BallSpeed)) {
4uwk&J0Q          yDir = "up";
!w4V
[e A4`3J          }9X3x5n1I'VO
      }p1g6e mDGB
   else if (yDir == "up") {e4V)~%A*p's$C8^8[2I{
      if (yPos < (0 + BallSpeed)) {
*PX)X9~"d}*|          yDir = "down";5l6SW1rT8JQ
         }
z-gE!M'A0B0z-f       }
-_?unxh^:a S    if (xDir == "right") {-L&H
Zo)Bc3Y
      xPos = xPos + BallSpeed;Um}K}U I'Y
      }Wpa+bDn0d
   else if (xDir == "left") {
*~G4GGN'LB,d       xPos = xPos - BallSpeed;$B-|&rqh+S
      }
Zh'?PW6t+W5~    else {
0g%N$}5f2KW       xPos = xPos;Xi]bs,hU7I*I@8X
      },RoHMb)f2pI)h
   if (yDir == "down") { _
Zk
p(h
      yPos = yPos + BallSpeed;XeQF[X;C4s
      }
E6lnp+Y]2k_@    else if (yDir == "up") {DW@1uL'xm$ks
      yPos = yPos - BallSpeed;
}9_NDQ)[       } t&E1i N2`+jN8p
   else {U5?g}2I
      yPos = yPos;C6cESP7t(k)\ k.Z A
      }
V1j;Ys_"|y H    }v[ytaf4K

`n7C0a!^v-P.e7B function hidetext(){
v-sZ&R+t K o if (document.all)9qY4D1z]9n8@
supertext.style.visibility="hidden"_0C6d]_`8E9J2t4[
else if (document.layers)
3D.SPs7Ltw;Y document.supertext.visibility="hide"
f%tQ5A,U'w clearTimeout(animatetext)!P[$]A0UAd;mLf
}
1E
nq.O6eAHv#c
Xi_ ]GDs if (document.all||document.layers){
2U!`6g#zF3? F-I%}DU G document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
|jb&p_RD window.onload = initializeBall;`K&D!X^,a(K
window.onresize = new Function("window.location.reload()");4M+P k0]'OKd)|
}b.`(h,cz'L'ZD N9~
&C/A/^DQe
</script>

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