var layerTop=15; //菜单顶边距 var layerLeft=20; //菜单左边距 var layerWidth=170; //菜单总宽 var titleHeight=25; //标题栏高度 var contentHeight=90; //内容区高度 var stepNo=15; //移动步数，数值越大移动越慢 var itemNo=0;runtimes=0; function addItem(itemTitle,itemContent){ itemHTML='
'+ ''+ '
'+itemTitle+'
'+itemContent+'
'; document.getElementById("ssssasa").innerHTML += itemHTML; itemNo++; } //添加菜单标题和内容，可任意多项，注意格式： addItem('
  • 雄鹰会
    • ',''+ ''+ ''+ '

     雄鹰会简介

     活动剪影

     社团风采

    '); addItem('
  • 精英会
    • ',''+ ''+ ''+ '

     精英会简介

     活动剪影

     社团风采

    '); addItem('
  • 中坚会
    • ',''+ ''+ ''+ '

     中坚会简介

     活动剪影

     社团风采

    '); addItem('
  • 团委
    • ',''+ ''+ ''+ '

     团委简介

     活动剪影

     社团风采

    '); addItem('
  • 记者协会
    • ',''+ ''+ '

     记者协会简介

     活动剪影

     社团风采

    '); addItem('
  • 艺术团
    • ',''+ ''+ '

     艺术团简介

     活动剪影

     社团风采

    '); addItem('
  • 中联慈善联合会
    • ',''+ ''+ '

     中联慈善联合会简介

     活动剪影

     社团风采

    '); addItem('
  • 中联之家俱乐部
    • ',''+ ''+ '

     中联之家俱乐部简介

     活动剪影

     社团风采

    '); document.getElementById("itemsLayer").style.height=itemNo*titleHeight+contentHeight+'px'; var toItemIndex=itemNo-1; var onItemIndex=itemNo-1; function changeItem(clickItemIndex){ toItemIndex=clickItemIndex; if(toItemIndex-onItemIndex>0) moveUp(); else moveDown(); runtimes++; if(runtimes>=stepNo){ onItemIndex=toItemIndex; runtimes=0;} else setTimeout("changeItem(toItemIndex)",10); } function moveUp(){ for(i=onItemIndex+1;i<=toItemIndex;i++) //eval('document.all.item'+i+'.style.top=parseInt(document.all.item'+i+'.style.top)-contentHeight/stepNo;'); document.getElementById("item"+i).style.top=parseInt(document.getElementById("item"+i).style.top)-contentHeight/stepNo+'px'; } function moveDown(){ for(i=onItemIndex;i>toItemIndex;i--) //eval('document.all.item'+i+'.style.top=parseInt(document.all.item'+i+'.style.top)+contentHeight/stepNo;'); document.getElementById("item"+i).style.top=parseInt(document.getElementById("item"+i).style.top)+contentHeight/stepNo+'px'; }