菜单效果
效果 菜单
2023-06-13 09:13:45 时间
<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>
相关文章
- Depix 这款去“马赛克“工具效果如何?
- 四背景自定义及过渡切换效果方案
- Js如何实现当网页超过一屏时导航菜单始终置顶-吸顶盒效果
- Stata中的治疗效果:RA:回归调整、 IPW:逆概率加权、 IPWRA、 AIPW|附代码数据
- iOS视图翻页过渡效果详解手机开发
- 测试Oracle 创建表的效果(oracle创建表测试)
- 模仿FlashAS效果的导航菜单
- 用Div仿showModalDialog模式菜单的效果的代码
- 斑马线效果代码
- 一个qq菜单效果
- 仿51JOB的地区选择效果(可选择多个地区)
- 基于jquery的气泡提示效果
- 实用的多级树形展开菜单效果代码
- jQueryUI写一个调整分类的拖放效果实现代码
- css实现会折叠、展开的菜单导航栏效果
- js运动框架_包括图片的淡入淡出效果
- js下拉框二级关联菜单效果代码具体实现
- Javascript表格翻页效果实现思路及代码
- 制作jquery遮罩层效果导航菜单代码分享
- js菜单点击显示或隐藏效果的简单实例
- jQuery实现级联菜单效果(仿淘宝首页菜单动画)
- 基于C#实现的仿windows左侧伸缩菜单效果