js模仿flash菜单-- 超酷

最新推荐文章于 2018-08-19 20:51:06 发布

ytbada

最新推荐文章于 2018-08-19 20:51:06 发布

阅读量1.2k

点赞数

分类专栏： JAVASCRIPT 文章标签： flash menu class function javascript null

本文链接：https://blog.csdn.net/ytbada/article/details/1563848

版权

JAVASCRIPT 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

function menuText(Title,content)
{
this.title=Title
this.content=content
}

function ChangeHeight(){

if (treediv.length)
{
for (i=0;i<treediv.length;i++){
diffH=CHeight[i]
pH=(speed)*(diffH-lastHeight[i]);
if(pH>0)pH=Math.ceil(pH);
else pH=Math.floor(pH);
treediv[i].style.pixelHeight+=pH;
lastHeight[i]=lastHeight[i]+pH;
}
}
else
{
diffH=CHeight
pH=(speed)*(diffH-lastHeight);
if(pH>0)pH=Math.ceil(pH);
else pH=Math.floor(pH);
treediv.style.pixelHeight+=pH;
lastHeight=lastHeight+pH;
}

}

function init()
{
if (treediv.length)
{
CHeight=new Array()
lastHeight=new Array()
for (i=0;i<treediv.length;i++){
CHeight[i]=0
lastHeight[i]=0
treediv[i].innerHTML=Menu[i].title
}
}
else
{
CHeight=0
lastHeight=0
treediv.innerHTML=Menu[0].title
}
DivTD.style.pixelHeight=DivTD.scrollHeight+(MaxH-MinH)+4
setInterval("ChangeHeight()",1)
}

</script>
<style>
.divcss{
font-size:12px;
background-color:00aa00;
border-bottom:1px solid #ffffff;
padding:6px;
padding-left:15px;
color:#ffffff;
font-family:Arial;
cursor:hand;
line-height:130%;
font-weight:bold;

}
.dh{
font-size:12px;
border-bottom:1px solid #ffffff;
padding:12px;
color:#ffffff;
font-family:Arial;
cursor:default;
}
a{
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
a:hover{
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}
a.a1:hover{
font-size:12px;
color:#FFFFFF;
text-decoration:underline;
}
.content{
font-size:12px;
font-weight:400;
}
</style>
<body οnlοad=init() bgcolor="#cccccc">
    <div align="center">
    <table border="0" width="350" cellpadding=0 cellspacing=0 style="border:3px solid #ffffff;background-color:#009500;">
        <tr>
          <td valign="top" id=DivTD background=#009500>
              <a href="[url]http://puterjam.vipx.net</a>"><div class=divcss id="treediv" οnmοuseοver="DivOver(0,this)" οnmοuseοut="DivOut(0,this)"></div></a>
              <a href="javascript:alert('下载')"><div class=divcss id="treediv" οnmοuseοver="DivOver(1,this)" οnmοuseοut="DivOut(1,this)"></div></a>
              <a href="[url]http://moodboy.com/puterjam/blog/blogview.asp?logID=66</a>" target=_blank><div class=divcss id="treediv" οnmοuseοver="DivOver(2,this)" οnmοuseοut="DivOut(2,this)"></div></a>
              <a href="[url]http://puterjam.vipx.net</a>" target=_blank><div class=divcss id="treediv" οnmοuseοver="DivOver(3,this)" οnmοuseοut="DivOut(3,this)"></div></a>
              <a href="[url]http://www.blueidea.com/bbs</a>" target=_blank><div class=divcss id="treediv" οnmοuseοver="DivOver(4,this)" οnmοuseοut="DivOut(4,this)"></div></a>
              <a href="javascript:alert('欢迎使用!')"><div class=divcss id="treediv" οnmοuseοver="DivOver(5,this)" οnmοuseοut="DivOut(5,this)"></div></a>
              <a href="javascript:alert('转载请注明出处:PuterJam/'s Blog')"><div class=divcss id="treediv" οnmοuseοver="DivOver(6,this)" οnmοuseοut="DivOut(6,this)"></div></a>
              <div style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#007500,endColorStr=#009500);height:6px;overflow:hidden"></div>
          </td>
    <tr>
    <td><div class=dh align=center><b>JS Menu Made by
        <a href="[url]http://puterjam.vipx.net</a>" class=a1>PuterJam</a></b></div></td>
    </tr>
    </table>