动态侧拉菜单,二级.方便改为下拉菜单

最新推荐文章于 2022-02-10 22:14:47 发布

redcn2004

最新推荐文章于 2022-02-10 22:14:47 发布

阅读量1.5k

点赞数

分类专栏： web 文章标签： javascript null function stylesheet border generator

web 专栏收录该内容

1 篇文章

订阅专栏

要用到的代码

JS文件.放在目录CSS下.其他地方的话请自己更改

源码:

< !DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.0 Transitional//EN " >

< HTML >< HEAD >< TITLE ></ TITLE >

< META http - equiv = Content - Type content = " text/html; charset=utf-8 " >

< META content = " MSHTML 6.00.2900.2873 " name = GENERATOR ></ HEAD >

< BODY leftMargin = 0 topMargin = 0 >

< META http - equiv = Pragma content = no - cache >< LINK

href = " css/common.css " type = text / css rel = STYLESHEET >

< ! -- #include file = " inc/Conn.asp " -->

< div > 侧拉菜单,同时可以改为下拉菜单 </ div >

< TABLE cellSpacing = 0 cellPadding = 0 width = " 100% " border = 0 bgcolor = " #FFFFFF " >

< TBODY >

< TR >

< TD align = middle >

< DIV align = center >

< SCRIPT language = JavaScript

src = " css/JsMenu.js " ></ SCRIPT >

< SCRIPT language = JavaScript >

var JM = new JsMenu();

JM.Direction = 1 ; // 主菜单排列方向：0代表横向，1代表竖向

JM.MainWidth = 160 ; // 主菜单各项宽度

JM.MainHeight = 28 ; // 主菜单各项高度

JM.ItemWidth = null ; // 子菜单宽度

JM.ItemHeight = 28 ; // 子菜单高度

JM.MainIcon = ' css/icon.gif'; //主菜单图标

JM.MainAlign = ' left'; //主菜单对齐方式

JM.ItemIcon = ' css/b01.gif'; //子菜单图标

JM.ItemAlign = ' left'; //子菜单对齐方式

JM.MainAnchor = null ; // 主菜单链接样式

JM.ItemAnchor = null ; // 子菜单链接样式

JM.Spacing = 1 ; // 菜单之间间隔

JM.Padding = 4 ; // 菜单各项填充

JM.OutBgColor = ' '; //默认时的背景颜色

JM.OverBgColor = ' #D1DBE7'; //激活时的背景颜色

JM.OutBorder = ' 0px solid #ffffff'; //默认时的边框样式

JM.OverBorder = ' 1px solid #C0E0FF'; //激活时的边框样式

// 加载数据项(分类ID,所属父ID,分类名,链接地址,打开链接的方式,显示Title);

i = 0 ;

m = 0 ;

n = 0 ;

var name = "" ;

var parName = "" ;

var temp = "" ;

var temp2 = new Array ();

var temp3 = new Array ();

var link = " product.asp?bigclassname= " ;

</ SCRIPT >

< % set rsBigClass1 = server.CreateObject( " adodb.recordset " )

rsBigClass1.open " Select * From BigClass " ,conn, 1 , 1

do while not rsBigClass1.eof% >

< SCRIPT language = JavaScript >

i ++ ;

name = " level " ;

name = name + i;

var menuName = "" ;

var nameExhibit = " <%=rsBigClass1( " bigclassname " )%> " ;

menuName = " <%=rsBigClass1( " bigclassname " )%> " ;

JM.Add(name, ' ',menuName,link+"<%=rsBigClass1("bigclassname")%>",'_self',nameExhibit);

</ SCRIPT >

< ! -- 子菜单 -->

< SCRIPT language = JavaScript >

var j = 0 ;

parName = name;

temp = parName;

</ SCRIPT >

< %

set rsSmallClass1 = server.CreateObject( " adodb.recordset " )

rsSmallClass1.open " Select * From SmallClass Where BigClassName=' " & rsBigClass1( " BigClassName " ) & " ' " ,conn, 1 , 1

if not (rsSmallClass1.bof and rsSmallClass1.eof) then

do while not rsSmallClass1.eof

% >

< SCRIPT language = JavaScript >

j ++ ;

name = " level " + i + " _ " + j;

</ SCRIPT >

< SCRIPT language = JavaScript >

var subMenuName = "" ;

var nameExhibit = " <%=rssmallclass1( " smallclassname " )%> " ;

subMenuName = " <%=rssmallclass1( " smallclassname " )%> " ;

JM.Add(name,parName,subMenuName,link + " <%=rsBigClass1( " bigclassname " )%>&smallclassname=<%=rssmallclass1( " smallclassname " )%> " , ' _self',nameExhibit);

</ SCRIPT >

< SCRIPT language = JavaScript >

parName = temp;

</ SCRIPT >

< %

rsSmallClass1.movenext

loop

end if

rsSmallClass1.close

set rsSmallClass1 = nothing % >

< ! -- 子菜单完成 -->

< % rsBigClass1.movenext

loop

rsbigclass1.close

set rsbigclass1 = nothing % >

< SCRIPT language = JavaScript >

JM.Show(); // 显示菜单

</ SCRIPT >

</ DIV ></ TD ></ TR ></ TBODY ></ TABLE >

Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=1436849