<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>网站后台折叠菜单-Download by http://www.codefans.net</title>
<script type="text/javascript" src="lib/jquery/jquery-1.3.2.min.js" ></script>
<script type="text/javascript" src="JS/mln.colselect.js"></script>
<link href="Style/mln-main.css" rel="stylesheet" type="text/css" charset="utf-8" />
<link href="Style/mln.colselect.css" rel="stylesheet" type="text/css">
</head>
<body>
<div style="margin:50px;">
<div id="colsel_exp"></div>
<br />
<div id="colsel_exp2"></div>
</div>
<script type="text/javascript">
var colObj = {"Items":[
{"name":"菜单项目标题1","topid":"0","colid":"1","value":"菜单项目标题1","fun":function(){}},
{"name":"菜单项目标题2","topid":"0","colid":"2","value":"菜单项目标题2","fun":function(){}},
{"name":"菜单项目标题3","topid":"0","colid":"3","value":"菜单项目标题3","fun":function(){}},
{"name":"菜单项目标题4","topid":"2","colid":"4","value":"菜单项目标题4","fun":function(){}},
{"name":"菜单项目标题5","topid":"2","colid":"5","value":"菜单项目标题5","fun":function(){}},
{"name":"菜单项目标题6","topid":"0","colid":"6","value":"菜单项目标题6","fun":function(){}},
{"name":"菜单项目标题7","topid":"4","colid":"7","value":"菜单项目标题7","fun":function(){}}
]};
var colObj2 = {"Items":[
{"name":"菜单项目标题1","topid":"0","colid":"1","value":"菜单项目标题1","fun":function(){}},
{"name":"菜单项目标题2","topid":"0","colid":"2","value":"菜单项目标题2","fun":function(){}},
{"name":"菜单项目标题3","topid":"0","colid":"3","value":"菜单项目标题3","fun":function(){}},
{"name":"菜单项目标题4","topid":"1","colid":"4","value":"菜单项目标题4","fun":function(){}},
{"name":"菜单项目标题5","topid":"3","colid":"5","value":"菜单项目标题5","fun":function(){}},
{"name":"菜单项目标题6","topid":"3","colid":"6","value":"菜单项目标题6","fun":function(){}},
{"name":"菜单项目标题7","topid":"6","colid":"7","value":"菜单项目标题7","fun":function(){}}
]};
$("#colsel_exp").mlnColsel(colObj,{
title:"栏目下拉菜单",
value:"-1",
width:100
});
$("#colsel_exp2").mlnColsel(colObj2,{
title:"栏目下拉菜单",
value:"-1",
width:100
});
</script>
</body>
</html>
jQuery+CSS 可折叠的多级自动伸缩菜单
5星 · 超过95%的资源 需积分: 10 136 浏览量
2010-06-30
17:18:37
上传
评论 1
收藏 67KB RAR 举报 
jQuery+CSS 可折叠的多级自动伸缩菜单.rar （12个子文件） 
codefans.net mlncol Style 
mln.colselect.css 1KB mln-main.css 3KB reset-min.css 968B image 
ico-arrow.gif 9KB
root2.png 406B root1.png 204B root.png 285B up1.png 244B
index.html 3KB JS mln.colselect.js 4KB lib jquery jquery-1.3.2.min.js 56KB jquery-1.3.2.js 118KB
- 1
- 2
- 3
前往页