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

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

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

<style type="text/css">
@\&Ld?OY}#f Ts #supertext {P'K(Hg/A$t4N
position:absolute;@q#G'UCZgI/X
left:0;*dYl uD'n/zm
top:0;D|T Tz
visibility:hide;
!hn$^}x-H visibility:hidden;
f\`n:YV }`^S/lD
</style>
)pD~ Jo*{*Za <script language="JavaScript1.2">
}#Ml"P2o+_(Z
<!-- 改变下的字体的大小。颜色-->nhY}
c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
o A
o&H1o-v n var hidetimer='';9C.K3N-M2wd\+xb
<!-- 改变下的弹跳速度-->
-L0k/}Gi e'Q` var BallSpeed = 20;
ZFsU/L o3h$e0]B var contentWidth;
5c;qr$_
XN a var contentHeight;
-p"{xT,?$^/n8[ ?,YC var maxBallSpeed = 50;
/@`5Fs/O x O[5nJ,p*[7eQ`

S!j.C^'\[ var xMax;
E-y@FSc var yMax;
uCn1o?0YY var xPos = 0;KfV,KuF
var yPos = 0;]My2hA)U,|'Q1Y%\
var xDir = 'right';2g5qj?tmh
var yDir = 'down';
:i}{.@wMn4i e var superballRunning = true;
P]
r\%H*J r var tempBallSpeed;$v^9?.ncQH[-K
var currentBallSrc;
9V}TXm3BT[ var newXDir;
g X7oN/g var newYDir;8h[pn(f$Nxr

(reU eP function initializeBall() {:@
P2US}z(zk
   if (document.all) {
q5V i*Q6B       xMax = document.body.clientWidthS"j0K L
\Y/?
      yMax = document.body.clientHeight
3Nb TlNA*B5g$o#iT)O:\]       document.all("supertext").style.visibility = "visible";
cjDgF       contentWidth=supertext.offsetWidth
7H&^qg pSgF:D       contentHeight=supertext.offsetHeight hCsO#a(p
H+J
      }
r'D&T \"d1B)}eh    else if (document.layers) {
2[ A6Z%b;ld       xMax = window.innerWidth;
R;gCikG'lv!Z%v       yMax = window.innerHeight;d&T`B'c{
      contentWidth=document.supertext.document.width!{cz$j*T+b
      contentHeight=document.supertext.document.height
uc1cC4Ji6T       document.layers["supertext"].visibility = "show";6`C2e(@.qu:F
      }
,d&C X
M!rHx5}    setTimeout('moveBall()',400);
cK9N,g)y+T/F    if (hidetimer!='')
'GR;R&Wp2s#z~XK    setTimeout("hidetext()",hidetimer)0e2m b9kKYF:w
   }
@c2Q&buSI
p"{H'mf/^)tP#I \ function moveBall() {
u:V-FA ~}    if (superballRunning == true) {aZ4B&A7z_n
      calculatePosition();
8S%O)bZbP w       if (document.all) {
%{$KE,C#zH"N%S'D          document.all("supertext").style.left = xPos + document.body.scrollLeft;
Sy8ueP          document.all("supertext").style.top = yPos + document.body.scrollTop;P0raO.A}kw
         }
s2qG6cf       else if (document.layers) {
[3Z
wRS K.jh          document.layers["supertext"].left = xPos + pageXOffset;
qV5`QY          document.layers["supertext"].top = yPos + pageYOffset;
tq\o/|7h5Cw          }#a*@+Zf RA|aX|@
      animatetext=setTimeout('moveBall()',20);
8R9`Y iW#Vi0`w       }Er:J-|N%QH5^
   }![/j*b1G8h.j.E9yV"p7ox
8E5`)H g;K5L(y:B
function calculatePosition() {
C#eAd_!MH    if (xDir == "right") {
aDVT tk6q~       if (xPos > (xMax - contentWidth - BallSpeed)) {
eh1My4v)`          xDir = "left";"ZH5Y
c y(G
         }e0OSwA,wf
      }
qX?:q5\)J.^3O:y    else if (xDir == "left") {6|IJlsp A*G;Y;[
      if (xPos < (0 + BallSpeed)) {
Nu1^Afnud          xDir = "right";
\'KB+D8`%j6{*v          }
oif+FzE6c       }
z.RDfc"F    if (yDir == "down") {
3\3w@}} d#b       if (yPos > (yMax - contentHeight - BallSpeed)) {
9S6|i:kC\h          yDir = "up";*W/G {/LXZ'W\T
         }
gOu$N!]%[Rj       }q,uO ax/p.qA
   else if (yDir == "up") {
cTxMs wd Rs       if (yPos < (0 + BallSpeed)) {
7\ O)Z)a&J^e          yDir = "down";
Z(f)}+M]Q0Ry0v          }rt4P,l*N;ddf
      }2YS0h-Fm#{h,J
   if (xDir == "right") {
zdZ4w-v$I       xPos = xPos + BallSpeed;j3^)A4cG#](aDTG%A
      }v*F;`Ui n3A
   else if (xDir == "left") {
f(v8h8}Hd       xPos = xPos - BallSpeed;qg~x$}_#O
      }
1]Iii|r\'R.U    else {
&P6N&|:V#A7Qr       xPos = xPos;
h)nH f n0j F.RY7s       }(\#w6EL)r!q ~
   if (yDir == "down") {H@"{*]Q
      yPos = yPos + BallSpeed;
i!D7STA2MdAo       }
c0i'z$f,YU_?    else if (yDir == "up") { WS"Cy]0Oe1ZA
      yPos = yPos - BallSpeed;
0zU;x&F8a @7\F       }+}{_hC3f(AhhR#q
   else {
xe&w#j8^)y&KB(s-f0e-H       yPos = yPos;c P}&\l
      }
Y }(fGx    }f$V"BI:rB7dr Qe"h

U-P ~U5o!D function hidetext(){Ucx q3`2YG
if (document.all)
&p Y$hDMimgnr,KpuA supertext.style.visibility="hidden"
[e*{"G"|
B else if (document.layers)
]n7Kw7@ document.supertext.visibility="hide"
"XMt}2I-Ys clearTimeout(animatetext)
,u&G/z3s!R UpQ]9h }
v/h(p;k/g:J7h]gX ;u3\ d-u~]T]f7m&S
if (document.all||document.layers){%L^bHF9DE5Q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')%k!jI)K}r
window.onload = initializeBall;
q&c1fC({,Z window.onresize = new Function("window.location.reload()");
n0Z}].]8sY*ST }d!YXXb2Z
f#l4\,@x1Uam*U
</script>

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