87,996
社区成员
发帖
与我相关
我的任务
分享求个JS。。。急！！！！！！！
<div id="top" class="viewport-t" style="width: 100%; height: 49px; left: 0px; top: 0px;">
<div id="header" class="header">
<table id="header-fn-outer" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="header-fn-outer-left">
</td>
<td id="header-fn-outer-right1">
<ul class="" id="header-fn">
<li onmouseover="displaySubMenu(menusub_0)" onmouseout="hideSubMenu(menusub_0)"><a href="" id="menusub_0">公司平台</a></li>
<li onmouseover="displaySubMenu(menusub_1)" onmouseout="hideSubMenu(menusub_1)"><a href="" id="menusub_1">目标行动</a></li>
<li onmouseover="displaySubMenu(menusub_2)" onmouseout="hideSubMenu(menusub_2)"><a href="" id="menusub_2">客户管理</a></li>
<li onmouseover="displaySubMenu(menusub_3)" onmouseout="hideSubMenu(menusub_3)"><a href="" id="menusub_3">销售管理</a></li>
<li onmouseover="displaySubMenu(menusub_4)" onmouseout="hideSubMenu(menusub_4)"><a href="" id="menusub_4">服务管理</a></li>
<li onmouseover="displaySubMenu(menusub_5)" onmouseout="hideSubMenu(menusub_5)"><a href="" id="menusub_5">流程管理</a></li>
<li onmouseover="displaySubMenu(menusub_6)" onmouseout="hideSubMenu(menusub_6)"><a href="" id="menusub_6">资源管理</a></li>
<li onmouseover="displaySubMenu(menusub_7)" onmouseout="hideSubMenu(menusub_7)"><a href="" id="menusub_7">系统管理</a></li>
</ul>
</td>
<td id="header-fn-outer-right2">
<input type="hidden" id="searchbox_type" name="searchbox_type" value="2">
<table id="searchbox" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="searchbox-left">
<a id="btselfilter" href="javascript:void(0)" onclick="return false;" title="客户&联系人搜索">客户</a>
</td>
<td id="searchbox-middle">
<input type="text" id="txtkeyword" name="txtkeyword">
</td>
<td id="searchbox-right">
<input type="button" id="btsearch" name="btsearch">
</td>
</tr>
</tbody>
</table>
</td>
<td id="header-fn-outer-right3">
<a href="javascript:void(0)" id="bt_logout" onclick="return false;">注销</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="menusub" id="menusub-0" style="left: 773px; top: 20px;display:block;">
<div class="menusub-content">
<a href="" class="menusub-item" index="0-0" id="menusub-item-0-0">公司平台</a><div class="menusub-spliter">
</div>
<a href="" class="menusub-item" index="0-3" id="menusub-item-0-3">栏目管理</a></div>
<div class="menusub-title" style="width: 54px;">
公司平台</div>
<div class="menusub-clear">
</div>
</div>
<div class="menusub" id="menusub-1" style="left: 831px; top: 20px; display: block;">
<div class="menusub-content">
<a href="" class="menusub-hasChild-item" index="1-0" id="menusub-item-1-0">个人目标行动</a><a href="" class="menusub-hasChild-item" index="1-1" id="menusub-item-1-1">团队目标行动</a><div class="menusub-spliter">
</div>
<a href="" class="menusub-item" index="1-3" id="menusub-item-1-3">周目标检视</a><div class="menusub-spliter">
</div>
<div class="menusub-title" style="width: 54px;">
目标行动</div>
<div class="menusub-clear">
</div>
</div>
<div class="menusub" id="menusub-1-1" style="left: 952px; top: 23px; display: none;">
<div class="menusub-content">
</div>
<div class="menusub-clear">
</div>
</div>
<div class="menusub" id="menusub-1-2" style="left: 952px; top: 45px; display: none;">
<div class="menusub-content">
<div class="menusub-clear">
</div>
</div>
<div class="menusub" id="menusub-2" style="left: 889px; top: 20px; display: block;">
<div class="menusub-content"></div>
<div class="menusub-title" style="width: 54px;">
客户管理</div>
<div class="menusub-clear">
</div>
</div>
<div class="menusub" id="menusub-3" style="left: 947px; top: 20px; display: block;">
<div class="menusub-content"> </div>
<div class="menusub-title" style="width: 54px;">
销售管理</div>
<div class="menusub-clear">
</div>
</div>
<div class="menusub" id="menusub-4" style="left: 1005px; top: 20px; display: block;">
<div class="menusub-content"> </div>
<div class="menusub-title" style="width: 54px;">
服务管理</div>
<div class="menusub-clear">
</div>
</div>
<div class="menusub" id="menusub-5" style="left: 1063px; top: 20px; display: block;">
<div class="menusub-content">
<a href="" class="menusub-hasChild-item" index="5-0" id="menusub-item-5-0">工作活动</a><a href="" class="menusub-hasChild-item" index="5-1" id="menusub-item-5-1">费用管理</a></div>
<div class="menusub-title" style="width: 54px;">
流程管理</div>
<div class="menusub-clear">
</div>
</div>
<div class="menusub" id="menusub-6" style="left: 1121px; top: 20px; display: block;">
<div class="menusub-content">
<div class="menusub-title" style="width: 54px;">
资源管理</div>
<div class="menusub-clear">
</div>
</div>
<div class="menusub" id="menusub-7" style="left: 1179px; top: 20px; display: block;">
<div class="menusub-content">
<div class="menusub-title" style="width: 54px;">
系统管理</div>
<div class="menusub-clear">
</div>
</div>
想要实现的效果：http://demo.hzgjp.com/CRMJHB/login 用户名：admin 密码：（为空）登录进去后右上角的导航
求JS
...全文
请发表友善的回复…
发表回复
嫣如舜华 2013-12-13
- 打赏
- 举报
右键--查看源文件
q504196481 2013-12-13
- 打赏
- 举报
http://www.zhangxinxu.com/study/200912/jquery-drop-down-menu.html
别闹腰不好 2013-12-13
- 打赏
- 举报
现在是竖排的 ，你改成横排的 ， 自己改改吧
别闹腰不好 2013-12-13
- 打赏
- 举报
$(document).ready(function(){
var str=[{caidan:"菜单1",son:[{name:"菜单11",url:"ddd",id:"11"},{name:"菜单12",url:"ddd",id:"12"},{name:"菜单13",url:"ddd",id:"13"}]},
{caidan:"菜单2",son:[{name:"菜单21",url:"ddd",id:"21"},{name:"菜单22",url:"ddd",id:"22"},{name:"菜单23",url:"ddd",id:"23"}]},
{caidan:"菜单3",son:[{name:"菜单31",url:"ddd",id:"31"},{name:"菜单32",url:"ddd",id:"32"},{name:"菜单33",url:"ddd",id:"33"}]}];
var str1=$("<div class=\"fristDiv\"></div>").css("width","180px").appendTo("table tr td:nth-child(2)");
var st=$("<ul></ul>").appendTo(str1);
$(str).each(function(cs,ts){
var li=$("<li class=\"hmain\"></li>");
$("<div class=\"er\" ></div>").text(ts.caidan).appendTo(li);
var ul=$("<ul></ul>");
$.each(ts.son,function(ps,pt){
var py=$("<li class=\"san\">"+pt.name+"</li>").attr("id",pt.id).appendTo(ul);
py.click(function(){
$.cookie('id', pt.id, {path: '/'});
window.location.href="../html/javaScript.html";
});
});
ul.appendTo(li);
li.appendTo(st);
});
var _itemid = $.cookie('id');
if(_itemid){
$("#"+_itemid).css("background-image","url(../images/z_35.jpg)");
}
$(".hmain").hover(function(){
$(this).children("ul").slideToggle();
},function(){
$(this).children("ul").slideToggle();
});
});
