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

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

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

<style type="text/css">k(g2U@ Xa/R3I3GSm
#supertext {
]J,? [H9w8QTE `%W position:absolute;
(x6{4JNQeB left:0;!G)Oh"i;NC-[
top:0;
4K ?.]W2U6i visibility:hide;
0uv_O%m0w+zZw visibility:hidden;(JMM4Ma*J4P@N?
}3ut:k&gw
</style>"C8e H:Awl:W |
<script language="JavaScript1.2">#}8C3C,c sxLGy(l
<!-- 改变下的字体的大小。颜色-->
&T2k7K'ro@FIt?8_4VA var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'%|x(ur"n
var hidetimer='';`L/y+c8`d
<!-- 改变下的弹跳速度-->
dPF\4qlwGy var BallSpeed = 20;+G\;Y6w%?p
var contentWidth;
.RM'@sn.x'I8? var contentHeight;C6jI[1gIe_G/?
var maxBallSpeed = 50;3?4P'E F7N4|kg%z

A3a/~
[$@?F
7p&Sh:XDhr2p var xMax;
1][/@mW var yMax;
#TQ!x8Jwn var xPos = 0;
w8Gx,L~7m wqr var yPos = 0;M`.xlc$hB-R7oh|k/^
var xDir = 'right';
gp ]
umJ8XG var yDir = 'down';
9L,zoEwT3^K var superballRunning = true;[l+a7c3N$d'f-a5T|Y7D
var tempBallSpeed;
-w B s MT*W+`&` var currentBallSrc;
`@!B3rUb&~ var newXDir;
M4b~6]5S!b'a var newYDir;
1a8tgpC ?Z6j0E`3F ^
function initializeBall() {
;x7|
Jf4@Sa    if (document.all) {S"l0J9~Z^6{c8zw
      xMax = document.body.clientWidth
1W5I"nO`v VS       yMax = document.body.clientHeight
IRJy+l       document.all("supertext").style.visibility = "visible";8[SAxl7l%D0~
      contentWidth=supertext.offsetWidthO?+Jc$|N
      contentHeight=supertext.offsetHeight'qxb p6pa9B
      }
\7f\2\u4Q xAI.m_2]    else if (document.layers) {
.J9PiT1@Hw(O!k       xMax = window.innerWidth;
c%g h(Ft       yMax = window.innerHeight;
7J9m!| b'Qa/tTXh       contentWidth=document.supertext.document.width
:}E t$_
}&j       contentHeight=document.supertext.document.height
!YK\-J},@Tq       document.layers["supertext"].visibility = "show";6mZod-mz"}t
      }&D*KF'L Q3G.LO3L#~hD
   setTimeout('moveBall()',400);
C5LR2k`    if (hidetimer!='')
{\ B s4kj0q&Zz    setTimeout("hidetext()",hidetimer)
2pw-k#Bz:H;`4`4z    }#G!NG;L5?7k

w!A!aA.l_ function moveBall() {"quL|O3uc
   if (superballRunning == true) {tW
A2pft5F'P
      calculatePosition();
io\ _ @vD       if (document.all) {IG
B9beR4R;s
         document.all("supertext").style.left = xPos + document.body.scrollLeft;O1A+Q q$Oo4v'z
         document.all("supertext").style.top = yPos + document.body.scrollTop;/~"Zqi3[!M%\ hH)F
         }
+l*O*z%~ J4I4mME       else if (document.layers) {Z ED/A1r%y#PB@{8H
         document.layers["supertext"].left = xPos + pageXOffset;!Uw g M+g^5C$nG(?2V]K
         document.layers["supertext"].top = yPos + pageYOffset;af-T?J5d/oV
         }Kx*n2|Q
      animatetext=setTimeout('moveBall()',20);
g2xW)Wj       })h:HRX)G3F{!|
   },^q[)x.j0`C
%Y#\1_ g*EL `
function calculatePosition() {
P j#pa*u$j0a?G    if (xDir == "right") {
X%p"l g%[~       if (xPos > (xMax - contentWidth - BallSpeed)) {\&fQ XSJU6KU9I1c
         xDir = "left";Y#[3E(no-X
k @2w Q
         }[
F"f M C4W6Cl
      }
0ENG2d9C"U;Trd+a    else if (xDir == "left") {)B0KN8ct,k0X
      if (xPos < (0 + BallSpeed)) {
?3I1Z(m)OB&`kn(L          xDir = "right";
!d/Fa l*F2\gMe1S1zX          } WtTy$n;|-T
      }
4q;QAL;v%]9s"G    if (yDir == "down") {(W$M,r&Cd/t
      if (yPos > (yMax - contentHeight - BallSpeed)) {h]V&G M$ds:jZW
         yDir = "up";
wJ s3NBV
aD          }
2Ll Z1b_~fT}-N+{(CY$F       }l+Y0rC5[e tUa
   else if (yDir == "up") {.q?0F7vQ.Bz~,}i
      if (yPos < (0 + BallSpeed)) {

v'y'i)W#z          yDir = "down";
p7`M8F4d8ZQ          }
?8d
|oL$N ATLA7_       }jLwO$X[
   if (xDir == "right") {s"zpTB
      xPos = xPos + BallSpeed;&ve*x n k
      }
*r4yp^t1K]s6{    else if (xDir == "left") {
r I*lDAx$G3t       xPos = xPos - BallSpeed;
?+iP|w,A*j5yC
wf M       }
3e*Y?&UaU{    else {
o[4].R[7f!m       xPos = xPos;
8z7}vQ)[8aaQ4Q       }
|$YxT*V,I#[i p8J    if (yDir == "down") {
_U%|RT|*W"BS
z       yPos = yPos + BallSpeed;F&fgIU|h
      }aS.[7c/w1U6ae
   else if (yDir == "up") {
WTs;n Fc4\#d!N       yPos = yPos - BallSpeed;
dbc\5w[       }
:X"g#pV f3v    else {&y7osq+o
      yPos = yPos;,U:w;Y'd q.n
      }
/m#C'v5w,I    }XJUwj6K+{@x

$_IT|&\LR/C
A function hidetext(){5a#dMg)}
if (document.all)'L$a{7Lu
supertext.style.visibility="hidden"$ecbO HKf6C5|
else if (document.layers)
m)W*bqjA;L)w document.supertext.visibility="hide"sv,O/?%ng?.S$a
clearTimeout(animatetext)dZ,OYK;F*hUu[
},Nc%G]Nm4]Ex

)D#d#D c$G2X"GO-n$l't if (document.all||document.layers){-r/J4fMht;t1G:K8?
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
NT t6S[$r window.onload = initializeBall;8I+p4l@1u@M7C
window.onresize = new Function("window.location.reload()");&d*^,^s"sn
}
8{%s5KQq*Xa}
T0l/_"M!f </script>

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