菜单效果
时间:2020-08-16 04:45:01
<SCRIPT language=JavaScript>
<!--
var layerTop=15; //菜单顶边距
var layerLeft=20; //菜单左边距
var layerWidth=160; //菜单总宽
var titleHeight=26; //标题栏高度
var contentHeight=150; //内容区高度
var stepNo=10; //移动步数,数值越大移动越慢
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++;
}
//添加菜单标题和内容,可任意多项,注意格式:
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">商铺状态设置</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">网上订单</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">商家设置</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">商品销售统计</a><br></DIV>');
addItem('<b><font color="#ffffff">其他设置</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">营业执照认证</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">版权信息</font></b>','<DIV STYLE="PADDING-LEFT:15px">版权所有<BR> ® 东莞商城<BR>业务联系<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>
标签:菜单效果,js
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
支持在线写SQL的Oracle学习免费网站推荐!(个人常使用)
2023-07-24 09:06:51
![](https://img.aspxhome.com/file/2023/6/64476_0s.jpg)
SQL Servr 2008空间数据应用系列四:基础空间对象与函数应用
2011-02-23 15:01:00
DreamWeaver制作会移动的广告条
2008-02-03 11:34:00
怎样才能解决MySQL 5.0.16的乱码问题
2008-12-03 15:58:00
善用用户反馈——浅谈用户反馈数据的处理
2010-07-09 16:58:00
![](https://img.aspxhome.com/file/UploadPic/20107/9/customer-support-banner-35s.jpg)
用ASP实现在线压缩与解压缩
2007-09-29 12:13:00
使用C#配合ArcGIS Engine进行地理信息系统开发
2023-06-25 16:35:01
![](https://img.aspxhome.com/file/2023/6/61966_0s.jpg)
由黄钻等级图标处理引发的思考
2009-11-16 12:37:00
![](https://img.aspxhome.com/file/UploadPic/200911/16/20091116124056484s.jpg)
深入讲解Go语言中函数new与make的使用和区别
2023-06-16 17:52:29
定位后无法选择容器内容解决方案
2008-07-28 13:14:00
asp如何实现网络打印?
2010-05-24 18:31:00
ASP.NET(AJAX+JSON)实现对象调用
2023-07-19 12:29:33
[翻译]标记语言和样式手册 Chapter 12 CSS布局
2008-02-13 14:19:00
![](https://img.aspxhome.com/file/UploadPic/20082/13/2008213144620374s.jpg)
09七夕节各大搜索引擎LOGO欣赏
2009-08-27 15:34:00
![](https://img.aspxhome.com/file/UploadPic/20098/27/09-tanabata-festival-search-logo-44s.jpg)
巧用weui.topTips验证数据的实例
2023-08-12 03:00:51
![](https://img.aspxhome.com/file/2023/2/55982_0s.png)
asp使用 sql_dmo 给表添加索引
2010-03-17 20:57:00
asp日期 时间 星期函数使用方法详解
2007-09-21 17:38:00
网页设计标准尺寸参考
2007-12-29 20:42:00
日期垂直排列的两种技巧
2009-08-28 12:38:00
![](https://img.aspxhome.com/file/UploadPic/20098/28/01-16s.jpg)
asp查询xml的代码实现无刷新 模糊查询
2008-04-30 15:39:00