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

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

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

<style type="text/css"> i(hk_%k] W
#supertext {S#U"P OU0PGQf
position:absolute;'i0@s,i(Nb%i
left:0;
(pK|Mf N6Om ] top:0;-sno(T&MuF#w#@jE)?z'{
visibility:hide;
6a8y K-uR visibility:hidden;
n,Ml{LP&?1f7h
}
,v"@WGh2|6E;g%x0] </style>3O)bt7O P0Z$i
<script language="JavaScript1.2">
ONi8t*h9{ <!-- 改变下的字体的大小。颜色-->
[ O7D"}/z
m var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'Q7B.jg-B
var hidetimer=''; rG^"i$t_xN+n+K
<!-- 改变下的弹跳速度-->
$y9uKC)\I3TT var BallSpeed = 20;HRQRq5]
var contentWidth; a~F e.C
var contentHeight;
Hl"Krl var maxBallSpeed = 50;
JIo-l(K +{}2Y1VA,o O
$Ft)^Ge*x e
var xMax;
"z+K9`WlCu)T(c var yMax;V FQ,ULIY
var xPos = 0;,f7J l
v1Aob3r
var yPos = 0;
:N(T9a&N.qw var xDir = 'right';
&S2ym*~+Y var yDir = 'down';
,\,t(k)~"K$N var superballRunning = true;
F aL|MT2g_ var tempBallSpeed;,Lo
T"n E]4c@6TJN
var currentBallSrc; Ptm3d8}2[
var newXDir;
?7`#Ic9c3E9|#q var newYDir;
J }zEC#W6z&I8t&@vW
-c^AhGePN function initializeBall() {
r k'`S'q!h_h^)bd    if (document.all) {
yb6a }+Uo       xMax = document.body.clientWidth x[\i
      yMax = document.body.clientHeight#h6A~4Aw!\cD
      document.all("supertext").style.visibility = "visible";!Zz+`\M_R;t$`
      contentWidth=supertext.offsetWidthMk'uQ'lz
      contentHeight=supertext.offsetHeight
6W`g[1RG       }0sej5H%Y w,t)O
   else if (document.layers) {?Rb^eABA9P\y
      xMax = window.innerWidth;4xAP@
\J%U%s/T+Er
      yMax = window.innerHeight;
n6e7Zr|)I!S3~       contentWidth=document.supertext.document.width
s5HHnp%H'P!h9O       contentHeight=document.supertext.document.height
i4g$^@9]U7O(F'Ots       document.layers["supertext"].visibility = "show";x4M|5r]4l(B L$z*u
      }%I\5}5C+d_hm vO'z e3_
   setTimeout('moveBall()',400);
ia/s7_#~4I4n/d    if (hidetimer!='')B)\xRFSU
   setTimeout("hidetext()",hidetimer)
Rz2S ^+q    }
$gQ:^[:D S1\
n y1X;w.Qm(I function moveBall() {
~"iH{2~by2K`    if (superballRunning == true) {]#B;C N} ?
      calculatePosition();]5m-l:TJ2P!J
      if (document.all) {
,gXE@4M`          document.all("supertext").style.left = xPos + document.body.scrollLeft;
}A2\)lA:?1M          document.all("supertext").style.top = yPos + document.body.scrollTop;5E AC#y{q
         }
3Z|TwML       else if (document.layers) {`#qEy;Q
         document.layers["supertext"].left = xPos + pageXOffset;
X.^?L*\1mee          document.layers["supertext"].top = yPos + pageYOffset;
7RX.j%VX0e6g,hm          }
-[(BV"u-S hS       animatetext=setTimeout('moveBall()',20);8r5?-\R"xRh+n;c&zt
      }
9G[i\#Z    }{"cvk @X4X'A;D

6_3a^D!l;@)m
q@ function calculatePosition() {
[k&nnWzf    if (xDir == "right") {.D,r QA `b6SUi
      if (xPos > (xMax - contentWidth - BallSpeed)) {cX fxd)L2t
         xDir = "left";*J`l1[SN&k
         }
#y"B%N_6Q6C:GH.s wA       }vL!y.cL-eSK
   else if (xDir == "left") {
ny9Sa*ZY       if (xPos < (0 + BallSpeed)) {M } S"^V/r%\c
         xDir = "right";
WBdqBK[          }3B"]yyq&J:J
      }
B6F^c\\T{    if (yDir == "down") {
n2^&rj-g`5C}@       if (yPos > (yMax - contentHeight - BallSpeed)) {[`O?)PR$y+[ N
         yDir = "up";
.Nx(q?"a9Ri*E"m0H          };XR2Bv&|]D
      }{k2dk:_]9f'v
   else if (yDir == "up") {
2`/X5Eb+~       if (yPos < (0 + BallSpeed)) {
f-Tw$^_{B^7H:c          yDir = "down";eEqS9C2H
         }+i5f6?uT0v g8G
      }9UZ"Pnyh-u
   if (xDir == "right") {
#~M ^NU       xPos = xPos + BallSpeed;]$nx:E7S \o:~o&j'f
      }
h
}/P?zk!k:~
   else if (xDir == "left") {
IIJQ3~e
U*u       xPos = xPos - BallSpeed;
Iy5{#| Qws@AI       }'P.Vj
bG
   else {r6?5vLk^^
      xPos = xPos;
XoQm(a4T       }
-`5o~h v.p]    if (yDir == "down") {k9JG__g
h
      yPos = yPos + BallSpeed;Fkg3{"{%O"a7_)K
      }
)Y,h#J8Q,D1K    else if (yDir == "up") {
r*{"cA#q'Z[cI       yPos = yPos - BallSpeed;
.\Ib9s$|       }|
EBX7I
xo
   else {(? }/Pyf6@2zgf{
      yPos = yPos;
%RQ{._ s&UN       }T._-f+qFZo.y
   } s0T1Lx.NG4^#v

*I| l
NdQ*O function hidetext(){&zDA9eL&_%IF8n
if (document.all)
Q;?D8H(z V){A supertext.style.visibility="hidden"R!ZgQ(gM
else if (document.layers)
hmAk#c$A document.supertext.visibility="hide"
5{e~wD h&{'j!J clearTimeout(animatetext):T]"L,SW3\['gN
}
0RT%ChnX0~+x BWByCc XnW
if (document.all||document.layers){#y;Oy d'M
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')8D;Qp}2~
window.onload = initializeBall;5^b7h2s)e7_'h
window.onresize = new Function("window.location.reload()");
N:r x3l6sYg }wMr)xaor
VE{ [2u.X$a'v7@-UWU^
</script>

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