这个用html和css里就可以做。里面让li的内容为一个div，让盒子绝对定位，属性display：none，给这个li里的超链接加个伪类，属性为disply：block，就可以实现
创新新互联，凭借十年的成都网站建设、网站设计经验，本着真心·诚心服务的企业理念服务于成都中小企业设计网站有成百上千案例。做网站建设，选成都创新互联公司。
juqery用到的知识一个鼠标悬浮触发事件，下拉列表的重点在绝对定位。
加个定时器，延迟一秒执行，给这个区域加一个鼠标离开事件。离开就关闭那个定时器，就可以了。
可以用jquery的鼠标悬停事件 mouseover，即鼠标停留在某个dom元素触发，在这个事件里面，动态改变菜单的css就好了；对应的mouseout是鼠标移开事件
$("#t1").css("bgcolor","#ddddde");
$("#t2").css("bgcolor","#ddddde");
$("#t3").css("bgcolor","#ddddde");
$("#t4").css("bgcolor","#ddddde");
(this).css("bgcolor","#0056c8");
},function(){$(this).css("bgcolor","#ddddde");
(this).css("bgcolor","#0056c8"); 这里错了 不是 而是 $(this).css("bgcolor","#0056c8");