菜单效果
发布时间:2020-08-16 04:45:01
标签:菜单效果,js
<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>
0
投稿
猜你喜欢
- 本文实例讲述了Python基于回溯法子集树模板解决野人与传教士问题。分享给大家供大家参考,具体如下:问题在河的左岸有N个传教士、N个野人和一
- 访问phpmyadmin时总是出现 “无法载入 mysql 扩展,请检查 PHP 配置”。查看原因是“php_mysql.dll”无法载如。
- Msg 102, Level 15, State 1, Line 3 Incorrect syntax near '+'.
- golang 字符串 int uint int64 uint64 互转字符串 转 intintNum, _ = strconv.Atoi(i
- 如果我们希望在网页的不同角落里放置不重复平铺的背景图,该怎么办呢?比如网页的背景要如图所示,并要求在不
- 废话不多说,我就直接上代码让大家看看吧!#!/usr/bin/env python# -*- coding: utf-8 -*-# @Fil
- 原文地址:30 Days of Mootools 1.2 Tutorials - Day 14 - Periodical and Intro
- Data Points Archive 有时, 为了让应用程序运行得更快,所做的全部工作就是在这里或那里做一些很小调整。啊,但关键在于确定如
- 首先要声明一点,大部分情况下,修改MySQL是需要有mysql里的root权限的, 所以一般用户无法更改密码,除非请求管理员。方法一使用ph
- 有时会被问到“看看XXX网站如何?”之类的问题。谈到评估,通常都是指产品级的网站,如果模式很新,了解需要花一定时间。于是,很多人又问“那么你
- 存储过程的优缺点: 存储过程优点: 1.由于应用程序随着时间推移会不断更改,增删功能,T-SQL过程代码会变得更复杂,StoredProce
- 在浏览天极RSS订阅页面时,可以看到天极网为方便用户定制站点内容而设立的各个RSS频道。浏览者通过订阅不同的RSS(可同时订阅多个网站),就
- 阅读前:Pro Javascript Techniques翻译连载说明和目录JavaScript的演化是渐进而稳固的。历经过去十年的进程,J
- 好多同志对 iframe 是如何控制的,并不是十分了解,基本上还处于一个模糊的认识状态.注意两个事项,ifr 是一个以存在的 iframe
- 内容摘要:图片切换效果在网页制作中经常被使用,好的切换效果不仅增加了网站的实用行也提升了网站的趣味性。而图片切换方法有的使用flash来实现
- 1、简单的按钮js事件 用于判断和显示提示 <script type="text/javascript&
- js 代码中经常会碰到 undefined 这种错误,下面本文分享一下为什么会发生这种错误以及如何处理这种错误,js 中如果通过 var 声
- 如果查询结果很多,服务器解释你的ASP script将花费大量的时间,因为有许多的Response.Write语句要处理. 如果你将输出的全
- 本文介绍了三种跨域访问的方法,php,asp及jsp种访问远程文件的方法。这几天脑细胞剩下的不多了,不过问题都一个个解决了。我希望搜索引擎能
- 1.简介 蒙特卡洛又称随机抽样或统计试验,就是