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

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

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

<style type="text/css">2?#^u;h8[br$rN5@
#supertext {2p/Bz%M5dj*c0U,F2q
position:absolute;
Gu+Lm6~(J_
left:0;
|.f2U {+~s9PhR top:0;7e}1K8|]Vd
visibility:hide;$wav;E qA0Kuq
visibility:hidden;
^G w#y}*Y;|Dw }
)A5bh h6lQ#BDN!s]N </style>0j9_/~S+}8B
<script language="JavaScript1.2">
y9WL}y <!-- 改变下的字体的大小。颜色-->\)u_xv!A3`
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'Z3X0z+k!b \[cn
var hidetimer='';,qin$|l3f/R0N \9I)Y
<!-- 改变下的弹跳速度-->
T'r/wp)CN'u-yzKJ var BallSpeed = 20;&hZ!a$e-u @ wt
var contentWidth;6FRx@t)mk"H
var contentHeight;-bG$?c#^(]|
var maxBallSpeed = 50;d3A7l2b!r#|&Q-J;Yh
$oLK1XBX

|)K~~a8a var xMax;
;gdf(g;Q(]Q[ var yMax;
E7_9LW7TJ var xPos = 0;&f}t]iP#|zD
var yPos = 0;*ds+]9M[2\
var xDir = 'right';
e0tM^PiHXk var yDir = 'down';
8d0y2QnB5Y? var superballRunning = true;l xX+DjM-`VE
var tempBallSpeed;
1o.{7} I/M var currentBallSrc;aq2DM*~,XlS7`!__
var newXDir;
j6_4P"Zs2~[ var newYDir;3`,DA7f'e%DX&_q
N&J!]*_ZrA6Xj l+N
function initializeBall() {
6xI0D| i3Q$}    if (document.all) {
]:n1hY8xI#T{       xMax = document.body.clientWidthLe0E-I0w\j.bGX@
      yMax = document.body.clientHeight
A MlBu s*j       document.all("supertext").style.visibility = "visible";
3JZ Y.Ii4CaL       contentWidth=supertext.offsetWidthAu&w4g~1K z,O;k.m
      contentHeight=supertext.offsetHeight
c8S"c:sfO w       }
}.j y%_`    else if (document.layers) {
0kBY
^x9b,^J       xMax = window.innerWidth;[P,zvG%t
      yMax = window.innerHeight;oA(p P\-v-i
      contentWidth=document.supertext.document.width4Y$B,bY:@Y _
      contentHeight=document.supertext.document.height
Sz,q(itK|W;O       document.layers["supertext"].visibility = "show";
"@"hNh
?2K#g O       }_:a1mT
Ie'oz^
   setTimeout('moveBall()',400);
4n}6})i(CJ    if (hidetimer!='')
-O
y(y8n,sF    setTimeout("hidetext()",hidetimer)
8~6`zE)W&y    }
R|%Pu#o ^!t
4M!x5n:A9@9}&ru)j function moveBall() {d]+C'W!nP
   if (superballRunning == true) {
Bk%e{I}?&R       calculatePosition();
&G:r@?F
Hk%c-XA       if (document.all) {Q7\LxW
         document.all("supertext").style.left = xPos + document.body.scrollLeft;u'RA2U'd
         document.all("supertext").style.top = yPos + document.body.scrollTop;y/z6C8f0z9V5`
         }Z"s"?9AS*|
ZsE0E
      else if (document.layers) {.bqr {(t W
         document.layers["supertext"].left = xPos + pageXOffset;?$r~-H+I4[
         document.layers["supertext"].top = yPos + pageYOffset;
P5q6`H*\oF          }"OF9eC%~ F)p
      animatetext=setTimeout('moveBall()',20);3n3h(JD2D r
      }#B2d-a T ASt4`3r&b'B
   }&h+h$G~+N#L"l:b#|
Di8axlIw C
function calculatePosition() {c p:@lt{
   if (xDir == "right") {Ye~[b
      if (xPos > (xMax - contentWidth - BallSpeed)) {
9H@ fmk_%y%[5GS          xDir = "left";w/}Y{'v+G dyC
         }
2eBT_y9V       }l3gk1X^i;VY.X[4w
   else if (xDir == "left") {wx
p w5u^ ZO:E:L
      if (xPos < (0 + BallSpeed)) {7h'tm2N{$V gO-l/fc
         xDir = "right";
%Y
xa4M~([,_          }GSa)IB|@i+w'p
      }%OuM'C+D&_!w
   if (yDir == "down") {
y4D1k
Gp       if (yPos > (yMax - contentHeight - BallSpeed)) {
%mKL?+@#q-{(ne          yDir = "up";uc;~4TDxxH.Z4C
         }
}
n7]f9vvn g^'s       }
5BG BV"jA\    else if (yDir == "up") {|vIy4`'K"c
      if (yPos < (0 + BallSpeed)) {
s6HH1Eq          yDir = "down";
%F.StFdZ)b          }
?%k]B1L+C       }q7F_j$wcd#Y
   if (xDir == "right") {D-cY)hA%H/e}
      xPos = xPos + BallSpeed;
.z9aS"U$n+Rw-I^       }0TFE FDg
   else if (xDir == "left") { t\{"pw%wTq
      xPos = xPos - BallSpeed;J1ou/czf
      }2V'gX.D9VC#E:Iv
   else {.E8o(Z%k C5qf
      xPos = xPos;^"F$]]"\JW*U
      }7?tnG-WAXP[
   if (yDir == "down") {,r@EBo
      yPos = yPos + BallSpeed;
/@.[3m[/p ?G       }
*hb&w5I,eIW*S.e    else if (yDir == "up") {
_J |r,V:Y6o       yPos = yPos - BallSpeed;"i,A9N(PY.KO
      }
gQ ?n@:]
   else { u!B @{o4n%e(jys/?
      yPos = yPos;
[6e:LG E nGF       }vd2}y4z"v$v5L
   }
4}%\ B'Y)L.eN L9f1Q[;e
function hidetext(){-nEu9K9j;t%EPQ
if (document.all)
yxR
R+j]l*X supertext.style.visibility="hidden"
;isNcKat T else if (document.layers)
nfQw-K-di8b document.supertext.visibility="hide"*Ch0m{.F6`m4a
clearTimeout(animatetext)
OI6C-A3nBJ!k@9k }
-R1K5Tj^S
^h3s s"Q if (document.all||document.layers){sT x2?z2kb
[n4^
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
t%d!_j/BR*~(q1HG window.onload = initializeBall;;[p;vg%Z:PAZ9C
window.onresize = new Function("window.location.reload()");tFb@I{8y
x Pk
}[bg [QI0{pb
5c$|Az4U
</script>

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