使用js实现OICQ菜单效果

最新推荐文章于 2024-04-02 09:45:51 发布

pqx1993

最新推荐文章于 2024-04-02 09:45:51 发布

阅读量321

点赞数

本文链接：https://blog.csdn.net/pqx1993/article/details/8293985

版权

这段代码展示了如何使用JavaScript实现类似OICQ的菜单效果。通过点击菜单头部，相应菜单项会移动显示其详细内容。菜单包括我的办公室、电子邮箱和休闲娱乐三个部分，每个部分有子菜单项。代码中定义了相应的JavaScript函数如`showme`、`moveme`等来处理菜单的显示和移动效果。

摘要由CSDN通过智能技术生成

function showme(obj1, obj2)
{
if (moving)
return;
moving = true;
for(i=0;i<document.all.tags("td").length;i++)
if (document.all.tags("td")[i].className.indexOf('headtd') == 0)
document.all.tags("td")[i].className = 'headtd1';
obj2.className = 'headtd2';
moveme(obj1);
}

function moveme(obj)
{
idnumber = parseInt(obj.id.substr(4,1));
objtop = headHeight * (idnumber - 1);
objbottom = bodyHeight + headHeight * (idnumber - 2);
currenttop = parseInt(obj.style.top);
if (currenttop >= objbottom)
{
countid = 1;
for(i=0;i<document.all.tags("div").length;i++)
if (document.all.tags("div")[i].id == 'item'+countid+'body')
{
  obj = document.all.tags("div")[i];
  objtop = headHeight * (countid - 1);
  if (countid == idnumber)
  {
  moveup(obj,objtop,false);
  break;
}
else
  move