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

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

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

<style type="text/css">
-QM6}G/_D,~;g2x #supertext {2J#Zn%X.mb:|
position:absolute;0U[+CJSE$}$dv
left:0;,_#Y-iqiFg? O
top:0;
k~]y_"{U visibility:hide;
X(u \0eq.s(u0|'\ visibility:hidden;
] j7n9B ].FX4Mz5di }
iP+UW9Y
p%t z </style>
-iV(j&N z X] <script language="JavaScript1.2">
*}ECl^/H <!-- 改变下的字体的大小。颜色-->
9A{#R6^DNs1e var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
3]3tGd@M{D I var hidetimer='';
N+~wLVL*b4]H{ <!-- 改变下的弹跳速度-->
`8?7]
FqD;A{ var BallSpeed = 20;Z%v2O8}^
var contentWidth;8Z'{/fO+@,?O!N
O
var contentHeight;4r&c0b$qu4vpgR,Z:Yv4_
var maxBallSpeed = 50;
V$w/Z+z}l1t9y3N3T
$hV2hI|/h xV 3k5y$HJ0M
var xMax;
:a5n Z7|L var yMax;
,TDV3J6x8dG var xPos = 0;
x+xV:sG)x
f%O$u var yPos = 0;Nq RczQ
var xDir = 'right';9_2v
l&H9T,I8[:G
var yDir = 'down';
si HUBJ var superballRunning = true;8}4y}`'hY?j^
var tempBallSpeed;
'{.DsbxF%TB var currentBallSrc;
I`Z#e*`C+K var newXDir;7Cb]doeX`*G
var newYDir;bgVh6G5G

7u1@+d
K2~]x#R function initializeBall() {$pacJ.K;A-}
   if (document.all) { F&^o4WMU*n
      xMax = document.body.clientWidth
eV$K6yK9l       yMax = document.body.clientHeight3@#n"J*t"sg
      document.all("supertext").style.visibility = "visible";
`?f/g'o@6VC1I       contentWidth=supertext.offsetWidthO/K-[+gZ&GU(Y}7t
      contentHeight=supertext.offsetHeight
#j'}%S7bn;m N       }
GP _W\    else if (document.layers) {N]_/[c3w+I4?Vnn|/R
      xMax = window.innerWidth;XQrL9hkm^} yP
      yMax = window.innerHeight;8w[|dr!spfV
      contentWidth=document.supertext.document.widthNZ'ai[dQ
      contentHeight=document.supertext.document.heighty(R,n;d5]&s
      document.layers["supertext"].visibility = "show";St[0T'm)S*Ocq)k
      }
jBmcq)b:@    setTimeout('moveBall()',400);
?@{5S.|!w\2O    if (hidetimer!=''),Q1d}/gZ N
   setTimeout("hidetext()",hidetimer)
G$OG0u&K0L4R|$X    }"y4ii,I ~P
fnOr-X
function moveBall() {
;b!C~ad ~!L W    if (superballRunning == true) {
n$FH7Z6U;_^       calculatePosition();
AI Z#Z,Oz[ _       if (document.all) {h@iMb%At1e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
.? ~y
E+`          document.all("supertext").style.top = yPos + document.body.scrollTop;ckxGym
         }#^8r
U?2E*@
      else if (document.layers) {
$o9c;E@,H1W          document.layers["supertext"].left = xPos + pageXOffset;*v)of;`[
         document.layers["supertext"].top = yPos + pageYOffset;!dQ^:B"H:X
         }"N(r+U|lT4ae:a0a
      animatetext=setTimeout('moveBall()',20);
#H5Tb(X'Ha#yh0Gt ]       }-PD'kV"q\f
   }cP#].Z+aVswI d^

$[Oc?2M+v function calculatePosition() {
jV$k*@Jp3`]    if (xDir == "right") {/U C{,\+UiK
`/\roC&Uv
      if (xPos > (xMax - contentWidth - BallSpeed)) {
%yIxK.FX          xDir = "left";
-i9zB`6r
z?6`+q          }
tOnmJ5q@%[ n       }
-gr'I!|8E&S)S] ]    else if (xDir == "left") {
zB k,Vk_:X6Vea`       if (xPos < (0 + BallSpeed)) {
{%^'JE,k          xDir = "right";
kYN6t*Hj o~w          }%t0dH m-q)Qdx|r
      }7KfY-Q|?4g
   if (yDir == "down") {
aa@1{7JF1J
e       if (yPos > (yMax - contentHeight - BallSpeed)) {
D&{S2_:{?-D#U~#W c          yDir = "up";
x8R-C/E1I*V3k,]          }h'D%FbT#PH
      }
&oaOf'Ax6]    else if (yDir == "up") {
{ a.bCz&V-]2G0Q3zf       if (yPos < (0 + BallSpeed)) {'^$pD}G!v,~i
         yDir = "down";
TO b8M(}Hm[          } N$V
S8K:R;}2M
      }RI ^ OS7gW
   if (xDir == "right") {2ip^MjD
      xPos = xPos + BallSpeed;e0c,Sy&w/S1B~+`2TF
      }|I)B%m$a|
   else if (xDir == "left") {
0l!]5T5W(r ?k       xPos = xPos - BallSpeed;
~-x$v.` |'Wnj-S0` b^       }
8d
M8k
C0MX    else {
\WKRmmP8vj8k       xPos = xPos;`)_;a/L)ZR%}$m
      }
tR6S'i,zF'W#h.n    if (yDir == "down") {`4T_
qQ(QV f(_:~
      yPos = yPos + BallSpeed;
9kFFQ9J       }|@ZsP[
   else if (yDir == "up") {2d+ROj`:D
      yPos = yPos - BallSpeed;
6u6|llW$B:p       }
i \Y%@^3fj2j    else {
,JV`9Cc W,n{'N
V       yPos = yPos;I6w e@"O"F
      }m'i,sh D
   }
WlN1g ~6_6MdR
[QE4bNpxXm-p
function hidetext(){
}~5ulL2F4nD|-C;`d if (document.all)
4w7l4?MX supertext.style.visibility="hidden"F5y~m%o
else if (document.layers)
ZImQ2m+P7o~ document.supertext.visibility="hide"
pL8Vv&MD_;j_0S clearTimeout(animatetext)D`r8qB
g
}z7i2M'JeNP!Q

YH*O vF |X`"L if (document.all||document.layers){8g"K!B(d5M
Q
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5rP5V W5?Q:Ri6y
window.onload = initializeBall;e7|g-i#H
window.onresize = new Function("window.location.reload()");!`Af?2w#j
}"j9C^.cQo/x iJ6r"i{ {

v!sy
bq2T/F/~ </script>

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