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

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

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

<style type="text/css">;n.z2P{N/w2y;r+N7z1g
#supertext {w#dL G3Fg"]r
position:absolute;
D_P t~9vp left:0;"lQz+}*j'Oj
top:0;
y2Vm\&] visibility:hide;
.vAG5FCx visibility:hidden;
;Mb+W,y!E(z!G.J }g9r5fR}iJ
</style>
bAM[2^UKY <script language="JavaScript1.2">fz8N @4Uv8d~a&d
<!-- 改变下的字体的大小。颜色-->
bb2TY~*h,@ var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>''zZ9\ \6qA*V!j:a
var hidetimer='';0zi2bRa!])Y,K
<!-- 改变下的弹跳速度-->O3bkSe
var BallSpeed = 20;4f
TU
HiEU
var contentWidth;
x:SAtT C*h6Z @'ry[ var contentHeight;,sr&p|Q9g
var maxBallSpeed = 50;9h'gEr6xSU
x&Cg!n:I

@EQ%}$W9`V var xMax;
B[SB7w&US2O var yMax;
!L@sy:a'Tn }Db var xPos = 0;
!Cfx ZFM R H$@ var yPos = 0;rL$u
Vdg f
var xDir = 'right';
:@ ~-j/K8Qk var yDir = 'down';
T%_%w4@5MZ var superballRunning = true;N0M(TaB#o}b
var tempBallSpeed;
[NM/K&|1@.RA var currentBallSrc;9fUk;LpEKy.l
var newXDir;
D Z
G3?&d9o#XH4U var newYDir;
1EmEP%D n4@:]
[ ;DJ(a9Bs
function initializeBall() {H'iT@"M;] V
   if (document.all) {JaAB7w
      xMax = document.body.clientWidth
^4g3t6M5R&My       yMax = document.body.clientHeight
a8O'_7p9N1ucR       document.all("supertext").style.visibility = "visible";
1E#_~rCc       contentWidth=supertext.offsetWidth
5h"Jen F;e&UZ'L       contentHeight=supertext.offsetHeightyfLsDw9G)Xa8@
      }
H*zsD*P-Ie3b9SA    else if (document.layers) {wa,Xs eBRoZ
m
      xMax = window.innerWidth;:irR6S3r?*DU0k4?
      yMax = window.innerHeight;p2G {.?
Kh
      contentWidth=document.supertext.document.width
`:c.jf kEc       contentHeight=document.supertext.document.height
5I8g%VA9d3~0e       document.layers["supertext"].visibility = "show";
5k`7UCun(R       }*Q4o5`A"Yl7tA
   setTimeout('moveBall()',400);%`i|7M[9d2oOt
   if (hidetimer!='')d[%d)Vx-C)Z
   setTimeout("hidetext()",hidetimer)
f4\6w S!B\4K:c3ZHs    }U4e%vu.~%EX8v|R
Z.a4M.\;C
function moveBall() {j!a4^5UoU&MCK3n
   if (superballRunning == true) {@.r(kC x
i
      calculatePosition();WSMf+W P
      if (document.all) {(`"j-a(P_R8v,}_"f
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9Yfg9Cg3h          document.all("supertext").style.top = yPos + document.body.scrollTop;
x;L wc+s/o4SS]3E8|          }
_]%XAQx6a       else if (document.layers) {
5g6Pr0NZE{qs          document.layers["supertext"].left = xPos + pageXOffset;
gIk
t1A          document.layers["supertext"].top = yPos + pageYOffset;
T)p[ Ud `7]          }$S5l)C-S/T cB7n/uu
      animatetext=setTimeout('moveBall()',20);
*q a@Q S _C/s:\       }
}aW Z1xjv)V7RF    }
,k7W0Yv"p ["gv!y-m9OK1jn9}V
function calculatePosition() {
2M3mmh#v'\    if (xDir == "right") {O|9a6I"@:d
      if (xPos > (xMax - contentWidth - BallSpeed)) {
B!Df[A.\H          xDir = "left";
\d-a?O$b          }
E1B~)O5]B       }2HV*A)s2X
   else if (xDir == "left") {:H1N)q@3Q)B
      if (xPos < (0 + BallSpeed)) {4sKYrKH:G)ix
         xDir = "right";&PT7j r6C)V:l#{LQ
         }
E X+f1H _#ti       } l"tDt4l.@!{
   if (yDir == "down") {\1l0?z}.Y%?
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+L1F#_q'pd}'vK          yDir = "up";
*[ph0T/Z          }
'x1CD2S7H-]N"v       })H}4k-IA4iFh9i?
   else if (yDir == "up") {
x.l.HaB6A8B~       if (yPos < (0 + BallSpeed)) {
A x,L m5K;Dho          yDir = "down";
0r4wS"e]n6|0z"Z6u          } Ce{!X'},{
      }9~$G+uw%d;|,S1rCi
   if (xDir == "right") {
A4g BU+_!{       xPos = xPos + BallSpeed;
$l9kg6V Sc4`-@-A-N:Y7w       }6zf vYj`y)Dk$A
   else if (xDir == "left") { o}9mD ?:|
      xPos = xPos - BallSpeed;
4V%~y*BFR0X       }
#xay6{xRI J\0k9E    else {
'p#^*R+k?K       xPos = xPos;
\.hG:X
~U%E       }
;f\z6L%Gq
L0q]    if (yDir == "down") {
~L(_? p;}!Td       yPos = yPos + BallSpeed;
OH ~0g$Z       }
!?(|4{r*[@GjU    else if (yDir == "up") {
,gLLV1I$w
q4W       yPos = yPos - BallSpeed;Dd$mFN_
      }
ZQzd(hO'g6x-l    else {
)n1QoA*{?y6B My1O       yPos = yPos;
9Fh@D.xK\x       }"a.n(Cw$?Qp
   }
4t@-O re?
fm }8i?)B*m
function hidetext(){ L%}sVd;^V%F c
if (document.all)
N4Z,}/Rl^.B supertext.style.visibility="hidden"kF1W+GNR;j
else if (document.layers)4Gu6wv%xifX
document.supertext.visibility="hide"G\m`)]
clearTimeout(animatetext)
}y6X"p!TL r(b }C[g[3`ZA*{ o


P.nuDHAz if (document.all||document.layers){\n l7L|)l aM
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/OX0T%Kv3_s
window.onload = initializeBall;
Bc w0]c YWc%tX window.onresize = new Function("window.location.reload()");B4t4W(U6X5wr
}D3_"dDeor9Mq
&J8w4e'SG
U4k
</script>

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