菜單效果
更新時間:2006年10月14日 00:00:00 作者:
復(fù)制代碼 代碼如下:
<SCRIPT language=JavaScript>
<!--
var layerTop=15; //菜單頂邊距
var layerLeft=20; //菜單左邊距
var layerWidth=160; //菜單總寬
var titleHeight=26; //標題欄高度
var contentHeight=150; //內(nèi)容區(qū)高度
var stepNo=10; //移動步數(shù),數(shù)值越大移動越慢
var itemNo=0;runtimes=0;
document.write('<span id=itemsLayer style="position:absolute;overflow:hidden;border:1px solid #183789;left:'+layerLeft+';top:'+layerTop+';width:'+layerWidth+';">');
function addItem(itemTitle,itemContent){
itemHTML='<div id=item'+itemNo+' itemIndex='+itemNo+' style="position:relative;left:0;top:'+(-contentHeight*itemNo)+';width:'+layerWidth+';"><table width=100% cellspacing="0" cellpadding="0">'+
'<tr><td height='+titleHeight+' onclick=changeItem('+itemNo+') class="titleStyle" align=center>'+itemTitle+'</td></tr>'+
'<tr><td height='+contentHeight+' class="contentStyle">'+itemContent+'</td></tr></table></div>';
document.write(itemHTML);
itemNo++;
}
//添加菜單標題和內(nèi)容,可任意多項,注意格式:
addItem('<img src="../images/guanli.gif"><br><b><font color="#ffffff"><a href="admin_index.asp" target=_top><font color="#ffffff">管理首頁</font></a> | <a href="logout.asp" target="_top"><font color="#ffffff">退出</font></a></font></b>','<DIV STYLE="PADDING-LEFT:15px">☉ <a href="zhuangtai.asp" target="right">商鋪狀態(tài)設(shè)置</a><br>☉ <a href="admin_right.asp?action=modify" target="right">管理我的商品</a> | <a href="admin_right.asp?action=addclass" target="right">添加</a><BR>☉ <a href="admin_right.asp?action=glnews" target="right">管理我的新聞</a> | <a href="admin_right.asp?action=addnews" target="right">添加</a><BR>☉ <a href="admin_right.asp?action=fk" target="right">查看我的留言</a><br>☉ <a href="editdingdan.asp" target="right">網(wǎng)上訂單</a><br>☉ <a href="quebook.asp" target="right">缺貨提醒</a><br></DIV>');
addItem('<b><font color="#ffffff">信息修改</font></b>','<DIV STYLE="PADDING-LEFT:15px">☉ <a href="admin_right.asp?action=fkfs" target="right">付款方式修改</a><BR>☉ <a href="admin_right.asp?action=ps" target="right">配送說明修改</a><BR>☉ <a href="admin_right.asp?action=shjintr" target="right">商家簡介修改</a><BR>☉ <a href="admin_right.asp?action=gong" target="right">修改我的公告</a><br></DIV>');
addItem('<b><font color="#ffffff">商家設(shè)置</font></b>','<DIV STYLE="PADDING-LEFT:15px">☉ <a href="admin_right.asp?action=myziliao" target="right">商家資料修改</a><br>☉ <a href="admin_right.asp?action=pass" target="right">商家密碼修改</a><br>☉ <a href="admin_right.asp?action=url" target="right">商家二級域名</a><br>☉ <a href="admin_right.asp?action=logo" target="right">修改商家LOGO</a><br>☉ <a href="tjbb.asp" target="right">商品銷售統(tǒng)計</a><br></DIV>');
addItem('<b><font color="#ffffff">其他設(shè)置</font></b>','<DIV STYLE="PADDING-LEFT:15px">☉ <a href="shjclass.asp" target="right">商品分類管理</a><br>☉ <a href="tuangou/index.asp" target="right">團購訂單管理</a><br>☉ <a href="banner.asp" target="right">首頁banner管理</a><br></DIV>');
addItem('<b><font color="#ffffff">商家認證</font></b>','<DIV STYLE="PADDING-LEFT:15px">☉ <a href="../help3.asp#2" target="right">營業(yè)執(zhí)照認證</a><br>☉ <a href="../help3.asp#7" target="right">電話認證</a><br>☉ 鉆石認證<br>☉ VIP認證<br></DIV>');
addItem('<b><font color="#ffffff">幫助信息</font></b>','<DIV STYLE="PADDING-LEFT:15px">☉ <a href="../help2.asp#2" target="right">管理新聞幫助</a><br>☉ <a href="../help2.asp#7" target="right">信息修改幫助</a><br>☉ <a href="../help2.asp#6" target="right">缺貨信息幫助</a><br>☉ <a href="../help2.asp" target="right">商家操作幫助</a><br></DIV>');
addItem('<b><font color="#ffffff">版權(quán)信息</font></b>','<DIV STYLE="PADDING-LEFT:15px">版權(quán)所有<BR> ® 東莞商城<BR>業(yè)務(wù)聯(lián)系<BR>QQ:234252308<br>24小時客服<br>+0769-21252157<br><a href="mailto:web@vcidc.com ">web#vcidc.com </a></DIV>');
document.write('</span>')
document.all.itemsLayer.style.height=itemNo*titleHeight+contentHeight+38;
toItemIndex=itemNo-1;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;');
}
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>
相關(guān)文章
原生JS實現(xiàn)圖片輪播 JS實現(xiàn)小廣告插件
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)圖片輪播、小廣告插件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09