求个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
...全文
237 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(); }); });
--------- shearphoto2.0 增强版升级概况 从shearphoto 1.5直接跳跃到shearphoto 2.0,这是shearphoto重大革新。本来我是想shearphoto 1.6 、1.7、 1.8 慢慢升的,但是这样升级只会让shearphoto慢慢走向灭亡!结果我又辛苦了一个多星期,把shearphoto 2.0升级完成! shearphoto2.0之前,我认为没必要加入HTML5,兼容IE6 7 8就够。但是直到后来!我知道这是我一个错误的决定 因为用户并没有为shearphoto 1.5埋单,原因shearphoto 1.5没有HTML5截取,用户觉得会增加服务器负载!而且又不是本地加载图片!我一个错误的决定!导致用户份额一直没有明显大增。 shearphoto 2.0是收集所有用户的意见开发而成的! 重大的特性就是全面支持HTML5 1:支持translate3d 硬件加速移动 2:加入图片预览功能 3:加入了压缩数码相机图片, 以及HTML5 canvas本地切图,截图 但依然继续支持IE6 7 8 哦!有人问IE6 7 8不兼容HTML5啊,你骗人吗? 先不要!shearphoto 2.0的机制是这样的:有HTML5则使用HTML5 canvas切图,截图,JS先会截取一张最合理化的截图,然后交给后端,根据用户设置,进行压缩截图 没有HTML5的浏览器则采用先上传再截取的策略,就是原先1.5的策略。 当然有些用户如果不喜欢HTML5,也可以根据接口自行关闭 4:加HTML5图片特效,就一如美图秀秀这样的特效!shearphoto一共提供14种漂亮特效,感谢腾讯AI对图片特效提供支持 shearphoto 2.0增添很多接口,大部份是HTML5的设置!请下载源码体验 shearphoto外忧内患,已经没退路了。在WEB截图界,shearphoto必须要干个第一!.shearphoto不再局限于头像截取,shearphoto更可用于商城的商品图片编辑。 shearphoto含HTML5图片压缩功能!一张十M 二十M的图,照样能帮你压成你要的容量和尺寸, 一般情况下!商城的商品图片都是通过数码相机拍摄后,要用PHOTOshop把数码相机内几十M的图片,压缩,截取,然后才能上传到商城服务器! 这样的操作是不是太麻烦了! 如果你使用shearphoto你就快捷很多了,shearphoto你只需要直接选择图片,就会帮你进行压缩截取,上传,添加到数据库。这样的一条龙服务! shearphoto 2.0的机制是无可挑剔的!但是不排除有BUG存在,如果用户遇到BUG情况,请到论坛 或官方QQ群进行反馈,我会第一时间发布补丁! shearphoto支持PHP和JAVA,JAVA由网友所写,但是JAVA版并不是太完善,使用的是以前的shearphoto1.3!我 一直很想把NET python nodejs JAVA的很完善地做出来! 可惜个人能力有限,如果你喜欢shearphoto,你又会玩 NET python nodejs JAVA,又想为互联网做贡献,那么你可以加入shearphoto团队,把这些后端版本做出来。但shearphoto没有薪水给你! shearphoto免费开源的,没有利润可图,纯粹是抱着为互联网做贡献的心态!如果你跟我一样,请加入到shearphoto后端开发 浏览器支持: 兼容IE 6 及以上的所有浏览器 后端支持: 支持PHP5.X 至 PHP7.0或以上 支持JAVA后端(shearphoto1.3开发) 系统支持: 支持linux WINDOW服务器 shearphoto采用原生JS + 原生PHP所写,绝对不含JQ插件,对JQ情有独忠的,这个插件不合适你 2015 年 9月 5 日 shearphoto作者:明哥先生 版本号:shearphoto2.0 shearphoto官网:www.shearphoto.com shearphoto官方QQ群:461550716
从shearphoto 1.5直接跳跃到shearphoto 2.0,这是shearphoto重大革新。本来我是想shearphoto 1.6 、1.7、 1.8 慢慢升的,但是这样升级只会让shearphoto慢慢走向灭亡!结果我又辛苦了一个多星期,把shearphoto 2.0升级完成! shearphoto2.0之前,我认为没必要加入HTML5,兼容IE6 7 8就够。但是直到后来!我知道这是我一个错误的决定 因为用户并没有为shearphoto 1.5埋单,原因shearphoto 1.5没有HTML5截取,用户觉得会增加服务器负载!而且又不是本地加载图片!我一个错误的决定!导致用户份额一直没有明显大增。 shearphoto 2.0是收集所有用户的意见开发而成的! 重大的特性就是全面支持HTML5 1:支持translate3d 硬件加速移动 2:加入图片预览功能 3:加入了压缩数码相机图片, 以及HTML5 canvas本地切图,截图 但依然继续支持IE6 7 8 哦!有人问IE6 7 8不兼容HTML5啊,你骗人吗? 先不要!shearphoto 2.0的机制是这样的:有HTML5则使用HTML5 canvas切图,截图,JS先会截取一张最合理化的截图,然后交给后端,根据用户设置,进行压缩截图 没有HTML5的浏览器则采用先上传再截取的策略,就是原先1.5的策略。 当然有些用户如果不喜欢HTML5,也可以根据接口自行关闭 4:加HTML5图片特效,就一如美图秀秀这样的特效!shearphoto一共提供14种漂亮特效,感谢腾讯AI对图片特效提供支持 shearphoto 2.0增添很多接口,大部份是HTML5的设置!请下载源码体验 shearphoto外忧内患,已经没退路了。在WEB截图界,shearphoto必须要干个第一!.shearphoto不再局限于头像截取,shearphoto更可用于商城的商品图片编辑。 shearphoto含HTML5图片压缩功能!一张十M 二十M的图,照样能帮你压成你要的容量和尺寸, 一般情况下!商城的商品图片都是通过数码相机拍摄后,要用PHOTOshop把数码相机内几十M的图片,压缩,截取,然后才能上传到商城服务器! 这样的操作是不是太麻烦了! 如果你使用shearphoto你就快捷很多了,shearphoto你只需要直接选择图片,就会帮你进行压缩截取,上传,添加到数据库。这样的一条龙服务! shearphoto 2.0的机制是无可挑剔的!但是不排除有BUG存在,如果用户遇到BUG情况,请到论坛 或官方QQ群进行反馈,我会第一时间发布补丁! shearphoto支持PHP和JAVA,JAVA由网友所写,但是JAVA版并不是太完善,使用的是以前的shearphoto1.3!我 一直很想把NET python nodejs JAVA的很完善地做出来! 可惜个人能力有限,如果你喜欢shearphoto,你又会玩 NET python nodejs JAVA,又想为互联网做贡献,那么你可以加入shearphoto团队,把这些后端版本做出来。但shearphoto没有薪水给你! shearphoto免费开源的,没有利润可图,纯粹是抱着为互联网做贡献的心态!如果你跟我一样,请加入到shearphoto后端开发 浏览器支持: 兼容IE 6 及以上的所有浏览器 后端支持: 支持PHP5.X 至 PHP7.0或以上 支持JAVA后端(shearphoto1.3开发) 系统支持: 支持linux WINDOW服务器 shearphoto采用原生JS + 原生PHP所写,绝对不含JQ插件,对JQ情有独忠的,这个插件不合适你 2015 年 9月 5 日 shearphoto作者:明哥先生 版本号:shearphoto2.0 shearphoto官网:www.shearphoto.com shearphoto官方QQ群:461550716
shearphoto2.0 是HTML5头像截图插件,拍照截图,JS截图,美工切图插件,能直接压缩数码相机图片进行截图!是互联网上写得最好的一个同类型插件 ShearPhoto 完美支持Linux Windows 服务器,国外空间等完美通过。 兼容IE6及所有浏览器,兼容PHP5.2X至PHP7.0! ShearPhoto拖动拉伸超准,超流畅,在互联网同类型软件绝对排行第一,除了shearphoto,你别无选择! JAVA用户请到http://git.oschina.net/alexyang/JFinal-shearphoto 下载 ------------------------------------------------------------------------ 从shearphoto 1.5直接跳跃到shearphoto 2.0,这是shearphoto重大革新。本来我是想shearphoto 1.6 、1.7、 1.8 慢慢升的,但是这样升级只会让shearphoto慢慢走向灭亡!结果我又辛苦了一个多星期,把shearphoto 2.0升级完成! shearphoto2.0之前,我认为没必要加入HTML5,兼容IE6 7 8就够。但是直到后来!我知道这是我一个错误的决定 因为用户并没有为shearphoto 1.5埋单,原因shearphoto 1.5没有HTML5截取,用户觉得会增加服务器负载!而且又不是本地加载图片!我一个错误的决定!导致用户份额一直没有明显大增。 shearphoto 2.0是收集所有用户的意见开发而成的! 重大的特性就是全面支持HTML5 1:支持translate3d 硬件加速移动 2:加入图片预览功能 3:加入了压缩数码相机图片, 以及HTML5 canvas本地切图,截图 但依然继续支持IE6 7 8 哦!有人问IE6 7 8不兼容HTML5啊,你骗人吗? 先不要!shearphoto 2.0的机制是这样的:有HTML5则使用HTML5 canvas切图,截图,JS先会截取一张最合理化的截图,然后交给后端,根据用户设置,进行压缩截图 没有HTML5的浏览器则采用先上传再截取的策略,就是原先1.5的策略。 当然有些用户如果不喜欢HTML5,也可以根据接口自行关闭 4:加HTML5图片特效,就一如美图秀秀这样的特效!shearphoto一共提供14种漂亮特效,感谢腾讯AI对图片特效提供支持 shearphoto 2.0增添很多接口,大部份是HTML5的设置!请下载源码体验 shearphoto外忧内患,已经没退路了。在WEB截图界,shearphoto必须要干个第一!.shearphoto不再局限于头像截取,shearphoto更可用于商城的商品图片编辑。 shearphoto含HTML5图片压缩功能!一张十M 二十M的图,照样能帮你压成你要的容量和尺寸, 一般情况下!商城的商品图片都是通过数码相机拍摄后,要用PHOTOshop把数码相机内几十M的图片,压缩,截取,然后才能上传到商城服务器! 这样的操作是不是太麻烦了! 如果你使用shearphoto你就快捷很多了,shearphoto你只需要直接选择图片,就会帮你进行压缩截取,上传,添加到数据库。这样的一条龙服务! shearphoto 2.0的机制是无可挑剔的!但是不排除有BUG存在,如果用户遇到BUG情况,请到论坛 或官方QQ群进行反馈,我会第一时间发布补丁! shearphoto支持PHP和JAVA,JAVA由网友所写,但是JAVA版并不是太完善,使用的是以前的shearphoto1.3!我 一直很想把NET python nodejs JAVA的很完善地做出来! 可惜个人能力有限,如果你喜欢shearphoto,你又会玩 NET python nodejs JAVA,又想为互联网做贡献,那么你可以加入shearphoto团队,把这些后端版本做出来。但shearphoto没有薪水给你! shearphoto免费开源的,没有利润可图,纯粹是抱着为互联网做贡献的心态!如果你跟我一样,请加入到shearphoto后端开发 浏览器支持: 兼容IE 6 及以上的所有浏览器 后端支持: 支持PHP5.X 至 PHP7.0或以上 支持JAVA后端(shearphoto1.3开发) 系统支持: 支持linux WINDOW服务器 shearphoto采用原生JS + 原生PHP所写,绝对不含JQ插件,对JQ情有独忠的,这个插件不合适你 2015 年 9月 5 日 shearphoto作者:明哥先生 版本

87,997

社区成员

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

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