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

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

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

<style type="text/css">jJV\#i9q MR\7Z
#supertext {
R
k'AyK+]O position:absolute;3Rv#obSl7z
left:0;
?p o9bF8kJn&q top:0;
*O|0[q+J2{n visibility:hide;{&k(jQR:Phw
visibility:hidden;
?9I M7}!|*m }Y'J&_ {p+@Hr-q]
</style>
;Uu+lv4k,P i <script language="JavaScript1.2">"N!@m$y ^$cGd5v
nn*O
<!-- 改变下的字体的大小。颜色-->5FI&Xx3?V$n
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
d8E*?U9{ B
X`I
var hidetimer='';
]GrMW-E ~ <!-- 改变下的弹跳速度-->IdPq-_x6E)T`B
var BallSpeed = 20;
0|GU~M/~ht var contentWidth;j;I$xC y8o6h/s`
var contentHeight;q*s-Z]9A1Wje
var maxBallSpeed = 50;
5[a)H8A't0a S hA sDv)M3Ruuop!O
g6\ ^8CG
var xMax;
HuMO,{ @V var yMax;
"OJdS(I$Un var xPos = 0;
}l }EB&JS{Cl var yPos = 0; A q'B Vo&QY/S}w
var xDir = 'right';
}-B*q jU/NCr$y/^ var yDir = 'down';
_\ ?v{}jq var superballRunning = true;x;x(_%Qc
var tempBallSpeed;d9b#v4y c
var currentBallSrc;Z3N NZ:}
var newXDir;
ttQ(xd5}p
var newYDir;bB'T"]&[

M%s-A_(h&qlQ function initializeBall() {@^V]J.{.S
   if (document.all) {
*ysBn,B       xMax = document.body.clientWidthi l2I+Xk:oomDt
      yMax = document.body.clientHeightC'nc0C-fR c'j
      document.all("supertext").style.visibility = "visible";
!`t j7R$Gb|t$\&uZ       contentWidth=supertext.offsetWidth
w n\R/X$GUYK"b;d       contentHeight=supertext.offsetHeightcS"ngNp
      }
}8]k)T1V    else if (document.layers) {
Z7vT0r9r eL*P       xMax = window.innerWidth;S*~y[g P+R qdur+N
      yMax = window.innerHeight;
]B rp+? tz,t       contentWidth=document.supertext.document.widthK4yo
g{f7I7y4{
      contentHeight=document.supertext.document.heightX(w6`Uo nY-F$np$E
      document.layers["supertext"].visibility = "show";
-k!@\nX.YG+R       }@-uK0N3r?
   setTimeout('moveBall()',400);TV4g^Y
   if (hidetimer!='')
"Y_*mJ7L2AY    setTimeout("hidetext()",hidetimer)b`g*_X!q
   }
zt4iH^Nfsp 2f2Ors Q&d'sO.s
function moveBall() {
bLz6}4wJz3S    if (superballRunning == true) {
,L;M]%@;wN#Y1]       calculatePosition();
'RwOP/f#K)W(R       if (document.all) {mEaK,{y{{CZ-o
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
g+V$k6y d7c4}D          document.all("supertext").style.top = yPos + document.body.scrollTop;gR-vf+g
s(r5q,U
         }
H-B
n'}7se       else if (document.layers) {q&|7i}p
         document.layers["supertext"].left = xPos + pageXOffset;
%kiH;x3|0Mp W^uH E          document.layers["supertext"].top = yPos + pageYOffset;oO,U R*A
U1V
         }
-t z M`Qm/z       animatetext=setTimeout('moveBall()',20);0r,E*T}0^B
^ e
      } Yvql-R'L
   }
{ k%Ma:f2y-\ AH:gYQ
function calculatePosition() {
6@:PW!O,B6e    if (xDir == "right") {
A _VTj[       if (xPos > (xMax - contentWidth - BallSpeed)) {
i:e!W#f9f+MB#^          xDir = "left";w3]PY&j*L,\U
         }Y)T*Fej(d v
      }
ks.XC!x'd]    else if (xDir == "left") {v9}(u0fHm
      if (xPos < (0 + BallSpeed)) {HFK6Rox
         xDir = "right";
L}f0|#}y9|          }kC.Ir6t5kw+P0D+{
      } O*a+X"IXGx
   if (yDir == "down") {
WP~p SF.PPt!R|s       if (yPos > (yMax - contentHeight - BallSpeed)) {
*uX2^@{5Y          yDir = "up";
;u0jJ@V#~_1Y          }
Z0io%J
GfY       }h ]"a2D&j B0_$Fh!M,P
   else if (yDir == "up") {0|*?xZ3x-kr/d9}
      if (yPos < (0 + BallSpeed)) {:Hc*Jj1?*HR_n
         yDir = "down";
#va+^5bd3fuuL          }'{7{BTL3t.A1P`
      }
m8O"M5K3ea
F    if (xDir == "right") {
3TFP`7V       xPos = xPos + BallSpeed;
eB{@n-M#tAS3lp       }
4t4F$M
G)S    else if (xDir == "left") {F/|"{:u(L,vkZr
      xPos = xPos - BallSpeed;
:xJm9d5L^&@,B.?eT9e,F       }5JB+W?b!n)yv;b
   else {
aG5D iQ_       xPos = xPos;
"Q.I J!O@       }5Q+BT7gZM5yh+s
   if (yDir == "down") {4F3``$H8?b
      yPos = yPos + BallSpeed;
Y"t
y,yWz       }5fLU'{L%L,eR
   else if (yDir == "up") {x.p?'k|'|/a!z{%n
      yPos = yPos - BallSpeed;
MDxDZ$~}       }
Lf%{[k!m:q,Z8H%m    else {#y U$QF!kCW
      yPos = yPos;
Z$r!E8J(iq$? yQ       }
x)MY'Ti!v)\b/fj    }
q!eIl-]j^ !ig]x j
function hidetext(){x}'i:cm'OC3K
if (document.all)CpU-vA
supertext.style.visibility="hidden";R6MT R+l,Z!X
else if (document.layers)~_#XC2Z2s+o^a g
document.supertext.visibility="hide"
m9Cd2iZ7~Il clearTimeout(animatetext)*^k@'U;L
}
GnLDKm0\G
;t*r2~pWT*zJ7D if (document.all||document.layers){
}:c:Wx Yd document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
!\jMk;o7p"z6] window.onload = initializeBall;'B^8Y]S
window.onresize = new Function("window.location.reload()");
9P3c*d] ?"D
?)b }9Vlx(g;^?2CdF[%@
/_t1C1X&D6^i\
</script>

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