邮件订阅
5ucms模版,一个短小精悍使用的对象化QQ菜单
作者: 来源: 日期:2015/10/4 21:43:43 浏览量:48(滞后) 人气:LOADING...(实时) 【

5ucms模版,一个短小精悍使用的对象化QQ菜单

这是我根据1000script上的QQ菜单自己该的一个对象化菜单,短小精悍,实用性强,我们所做的软件就用的这个。现在贡献出来,和大家共享:

<style type="text/css">
  .titleStyle{
      background-color:#6699CC;color:#ffffff;
      border-top:1px solid #FFFFFF;f;
menuHTML+="<span id=itemsLayer style=\"positi+i+" style=\"LEFT: 0px; WIDTH: "+layerWidth+"; POSITI>"+mmenu[i].capture+"</TD></tr>"
if(mmenu[i].items.length!=0){
menuHTML+="<TR><TD class=c+mmenu[i].items[q].capture+"</CENTER>"
}
menuHTML+="</div></TD></TR>"
}
menuHTML+="</TBODY></TABLE></DIV>"
}
menuHTML+="</span>"
return menuHTML;
}


var mm1=new mainMenu(''#'',''我的收藏夹'',''#'');
mm1.addSub(new subMenu(''#'',''娱乐世界'',''#''));
mm1.addSub(new subMenu(''#'',''娱乐世界'',''#''));
mm2=new mainMenu(''#'',''我的收藏夹'',''#'');
mm2.addSub(new subMenu(''#'',''娱乐世界'',''#''));
mm3=new mainMenu(''#'',''我的收藏夹'',''#'');
mm3.addSub(new subMenu(''#'',''娱乐世界'',''#''));
mm4=new mainMenu(''#'',''我的收藏夹'',''#'');
mm4.addSub(new subMenu(''#'',''娱乐世界'',''#''));
mm4.addSub(new subMenu(''#'',''娱乐世界'',''#''));

document.write (generateHtml(mMenu));
document.all.itemsLayer.style.height =mMenu.length*titleHeight+c+itemsLayer.outerHTML+" "
    //判断相应的层应上移还是下移:
   toItemIndex=clickItemIndex;
   if(toItemIndex-onItemIndex>0) moveUp();
   else moveDown();
    //一定的时间间隔后继续移动,直到移了设定的步数stepNo:
   runtimes++;
   if(runtimes>=stepNo){
     onItemIndex=toItemIndex;
     runtimes=0;}
   else
     setTimeout("changeItem(toItemIndex)",10);
    
 }
  //相应菜单上移:
 function moveUp(){
    //判断应一起上移的菜单,并让它(们)每次移动contentHeight/stepNo的距离:
   for(i=onItemIndex+1;i<=toItemIndex;i++)
    eval(''document.all.item''+i+''.style.top=parseInt(document.all.item''+i+''.style.top)-contentHeight/stepNo;'');
 }
  //相应菜单下移:
 function moveDown(){
   for(i=onItemIndex;i>toItemIndex;i--)
   eval(''document.all.item''+i+''.style.top=parseInt(document.all.item''+i+''.style.top)+contentHeight/stepNo;'');
 }
 //changeItem(0); //把第一个菜单作为默认显示

//************************************************************


//-->
</SCRIPT>


//本程序版权归 zhjzh_zjz .代码可以随便传播。


选择5ucms.org 选择未来

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms仿站,用数据岛生成翻页程序
下一篇:5ucms帮助在客户端用JAVASCRIPT或VBSCRIPT生成WORD文档
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms模版,一个短小精悍使用的对象化QQ菜单的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org