日期:2014-05-18  浏览次数:20365 次

¥¥¥¥¥¥¥¥¥高分求一“菜单列表”思路,顶者有分,分不够在加!
菜单列表用treeview已经实现。
但是想实现csdn左边的这种菜单列表,就是这个列表可以通过鼠标拖动来改变宽度。
估计这种菜单已经有很成型的做法,因为看到好多网站都有这种菜单列表。相信大家会有思路。

2点要求
1。菜单项是绑定数据库数据的。
2。现在项目里没有用到ajax,所以最好不采用ajax的方法,当然,也许今后会用到,所以,如果可以实现也同样希望您给出建议。

顶者有分,分不够在加!


------解决方案--------------------

------解决方案--------------------
jf
------解决方案--------------------
帮你顶!!!
------解决方案--------------------
顶分
------解决方案--------------------
csdn 左边那个菜单应该是 框架吧,你也可以这样做呀 通过框架 改变宽度
这样很容易,估计效果不好,呵呵 你要的那种 做法 不会 帮你顶。
------解决方案--------------------
帮顶
------解决方案--------------------
ddddddddddd
------解决方案--------------------
真巧,你所说的功能我都已实现过了,其实很简单,整网页面index.htm中使用框架,左边的为菜单框,当然是可以调整尺寸,用递归来实现数据库绑定treeview,直接后台绑定,其实说简单也很麻烦的.如果有需要留下你的email地址,我发一个domo给你吧!!
------解决方案--------------------
框架页。左边放treeview,然后邦定数据库就可以了。
------解决方案--------------------
把你的菜单单独做一个节目,在主界面上通过iframe来展现,并且把模块的展现也放到一个iframe里面,两个iframe直接可以加一个像拖拉条样的图片。如下:
<TABLE id= "Table1 " cellSpacing= "0 " cellPadding= "0 " width= "100% " border= "0 " height= "100% "
runat= "server ">
<TR>
<TD width= "18% " id= "tdLeft "> <iframe name= "contents " frameborder= "no " scrolling= "auto " src= "菜单界面 "
width= "100% " height= "100% "> </iframe>
</TD>
<TD width= "10 " bgcolor= "#0240a7 " id= "moveForm "> <img src= "IMAGES/btnLeft.gif " onclick= "changeWidth() " onmouseover= "SelImage(); " onmouseout= "UnSelImage(); "> </TD>
<TD id= "tdRight "> <iframe frameborder= "no " height= "100% " name= "main " scrolling= "auto " src= "模块界面 "
width= "100% "> </iframe>
</TD>

</TR>
</TABLE>

function changeWidth()
{
var oChange = event.srcElement;
if (oChange.src.search( "btnLeftSelected.gif ") != -1)
{
oChange.src = "IMAGES/btnRight.gif ";
oChange.title = "右栏还原 ";
tdLeft.style.display= "none ";
tdRight.style.width = "100% ";
}
else
{
oChange.title = "右栏最大化 ";
tdLeft.style.display = "inline ";
tdLeft.style.width = "15% ";
tdRight.style.width = " ";
oChange.src = "IMAGES/btnLeftSelected.gif ";
}

}

function SelImage()
{
var oChange = event.srcElement;
if(oChange.src.search( "btnLeft.gif ") != -1)
oChange.src = 'images/btnLeftSelected.gif ';
else
oChange.src = 'images/btnRightSelected.gif ';
}
function UnSelImage()
{
var oChange = event.srcElement;
if(oChange.src.search( "btnLeftSelected.gif ") != -1)
{
oChange.src= 'images/btnLeft.gif ';