修改江苏各市县“教育信息化公共服务平台”网站二级导航效果让其不闪烁的方法

打开“江苏基础教育公共服务平台(http://www.jse.edu.cn/channels/14/default.htm)”网站，其网站顶部的导航菜单效果为：一级菜单并无链接，当鼠标移动到一经菜单时弹出浮动二级子菜单效果，然后点击相应的子菜单即可弹出相应二级菜单网页。

此网站为一个网站群，在此平台下的分布着全省各市县级子网站，也同样是这样的导航菜单效果，但是效果并不理想，本人使用IE8浏览器中打开时，当鼠标移动到一级导航菜单位置，弹出的浮动子菜单会不停的收缩（闪动），很难点击到其子菜单，用户体验效果非常差，影响网站的正常访问。

本人经过仔细分析其网站代码，终于找到了解决办法，方法如下：

用各市县级网站管理员账号打开网站后台，点击左侧的“文件管理”菜单，在右侧找到[网站根目录]/_data/scripts/common.js文件，下载并查找如下代码：

1. $(function () {
   
2. 
   
3. $(".jd_menu li").hover(function () {
   
4. $(this).children("ul").slideDown("fast");
   
5. }, function () {
   
6. $(this).children("ul").slideUp("fast");
   
7. });
   
8. $(".jd_menu li ul li").hover(function () {
   
9. $(this).css("background", "#BFBFBF");
   
10. }, function () {
    
11. $(this).css("background", "#FFFFFF");
    
12. });

复制代码

修改为：

1. $(function () {
   
2. 
   
3. $(".jd_menu li").hover(function () {
   
4. $(this).children("ul").slideDown(0);
   
5. }, function () {
   
6. $(this).children("ul").slideUp(0);
   
7. });
   
8. $(".jd_menu li ul li").hover(function () {
   
9. $(this).css("background", "#BFBFBF");
   
10. }, function () {
    
11. $(this).css("background", "#FFFFFF");
    
12. });

复制代码

最后在网站后台“系统设置”重新发布一下网站首页、栏目页、列表页即可，OK！