求个JS。。。急!!!!!!!

o0_真诚_0o 2013-12-12 09:59:06

<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
...全文
239 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
嫣如舜华 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(); }); });

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧