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

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

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

<style type="text/css">
,N"Q9y-YAoTd #supertext {
Cjo
k [z9J position:absolute;
o;`8C2@!RA left:0;&v)@{c?I^
top:0;zZ M%M6z-o
visibility:hide;G"U JQ6S"`{
visibility:hidden;
%FJD Y U,l? }
3I^1A7hV;V HV
x#Yl </style>
l FL}(m
ep <script language="JavaScript1.2">
&rOwP*DQ <!-- 改变下的字体的大小。颜色-->]2`?spz*{
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
'k@[n8b/vF1w-B"M var hidetimer='';U3p%pRuJT?
<!-- 改变下的弹跳速度-->-Q0^7v?A*~fxl!m
var BallSpeed = 20;*Oo
Q|WK
var contentWidth;)d"XX2jXEnax
var contentHeight;G9K] ekD\9a"T
var maxBallSpeed = 50;
;k]F.R.Fa ^AW
~b!kgK
7H7|E8e{Ld var xMax;
Id9@W%_:@d var yMax;
/VcZ3WC)c t%o var xPos = 0;
Af?8y7c7J-y@j!I var yPos = 0;
H#Z+A#bC*Coz njv+h^ var xDir = 'right';3M _1Yt1Uo&R
var yDir = 'down';_}oG&Di ^ _
f
var superballRunning = true;
,a
y@]&\ var tempBallSpeed;6{\ [yTFyd
var currentBallSrc;
L8C.|(LN2n var newXDir; b^qK)q'~/ml
var newYDir;
iC,^/e*p @rN
eh-sx
m function initializeBall() {
Oma|4u.l*V    if (document.all) {
va5x6Ym
a#VV
h       xMax = document.body.clientWidth
$eEVY*Q;b]       yMax = document.body.clientHeightl;~[/J"OS}
      document.all("supertext").style.visibility = "visible"; P,]!D4EJkEq S
      contentWidth=supertext.offsetWidth e)Sc e%]Dc\
      contentHeight=supertext.offsetHeight
!\rp'U:})iSQX;S       }b lA E:B&S
   else if (document.layers) {%psV5F1|:Bq f%o
      xMax = window.innerWidth;+vz8J@h
^QTpG
      yMax = window.innerHeight;9o!o,Hq*Y
      contentWidth=document.supertext.document.widthZ~Z'_&Q:L?
      contentHeight=document.supertext.document.height\ yZ{#C!\ i,c3~
      document.layers["supertext"].visibility = "show";
t AN1qWX\j@       }
`6g X}v \u:o
[
rm    setTimeout('moveBall()',400);
Z:|4u+\q
Iv@ D4_    if (hidetimer!='')
N3w%uf4`fz    setTimeout("hidetext()",hidetimer)4BB(n\%pd'{i
   }
!C$B4M*|\\8MvL
7guZh
@QmeM function moveBall() {4~+cym8{^9m
   if (superballRunning == true) {R-B%o%WZ}:^
      calculatePosition();
x:]3|C_ix
wC       if (document.all) {cJ/siNT,d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;1Bc5_5[(}Z.D&^g.j
         document.all("supertext").style.top = yPos + document.body.scrollTop;-Q;Hy pp:l%yW2}
         }G5cgNwk`
      else if (document.layers) {
n d8v_[c(Jo          document.layers["supertext"].left = xPos + pageXOffset;
:w9mIy \$C*uN          document.layers["supertext"].top = yPos + pageYOffset; F)\Q)S;}b f
         }4e%x/]PzJ*lfH']
      animatetext=setTimeout('moveBall()',20);
0WI IjuE l:NY l       }u)zY:D}7~"fb2Q
   }
,d'@3v X-t.B
Kl)Sc&~ k7h7LH%d2{ function calculatePosition() {[F,`$[*BlgzAy
   if (xDir == "right") {
HFWw*p$_n%@L/u       if (xPos > (xMax - contentWidth - BallSpeed)) {*_j D+LF
a
         xDir = "left";
!XVBwP-M*T!B          }
"c/_3d`j\`&]5w       }
1sZ"a%K nnEu;Q
M    else if (xDir == "left") {
IRBr`v Jc       if (xPos < (0 + BallSpeed)) {Kg
{,A4z+M@
         xDir = "right";$?nm-M(cB
         }
*}+Dt@}&m       }
}8I`Y0Qf1MV    if (yDir == "down") { tiqH2Cw
      if (yPos > (yMax - contentHeight - BallSpeed)) {b|/W{5aW2m(mrP
         yDir = "up";#|)RX%Xs
         }5kp.Aq4Fm
      }
"V-HwT0_:r    else if (yDir == "up") {
+hg9b?raPM       if (yPos < (0 + BallSpeed)) {t3}g#nT n4[(f \bq
         yDir = "down";y5[&\-m%Q'Ysw/aH
         }
[`:[/_1ka/k       }1?#_O$e`+V
   if (xDir == "right") {
2Shj"XZ7V*hY ~y       xPos = xPos + BallSpeed; W%g&L+`mBa.@
      }:i Sb1{oY
   else if (xDir == "left") {
9ckM4B)H@       xPos = xPos - BallSpeed;
fL]$u8pj*E,Dr       }
c Ozv._V| m    else {V};Y"nhmO Sj
      xPos = xPos;
oP-X\tG8M S8I       }
m~3A1W V@3PZ    if (yDir == "down") {:h/l2M D8f
      yPos = yPos + BallSpeed;
2j$Mvn;D;xD#O-{g j       }
9vI$d(_+{3Q2t    else if (yDir == "up") {
/UPPc}8p       yPos = yPos - BallSpeed;
-IKB zT       }
T#CC.Xu["B    else {
d6e"DC ]0E;O|{n`       yPos = yPos;\D'OTf3[%O
      }
VJ]#H't    }
w
vk0v`;y,|
4m`:S6_2qA function hidetext(){
d-cxbS(}*k*t if (document.all)!`m9i.TJY3V3Z S
supertext.style.visibility="hidden"
I"v7Zh8S x else if (document.layers)1@!w|"pdd;K
document.supertext.visibility="hide".Dg/Zq\oJ+I
clearTimeout(animatetext)
)Y ^Xpe)[BP }p7DE
b}j9L1y9D8p7?
Q3S*`{JU_/Ao
if (document.all||document.layers){
]+A9B;W6o#D document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')*AmTP,A
window.onload = initializeBall;
F(G c c}})yj window.onresize = new Function("window.location.reload()");
Kl*Bck^-@Q }
z(nB"yh }{ Oj,z6qE9i@*G@z
</script>

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