//两个参数,一个导航ul标签的id,一个是下拉菜单的显示速度,越小越快
function zvMenu(ulElementId,speed){
//JQ一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。
$("#"+ulElementId).children("li:has(ul)").hover(
function(){
$(this).find("ul>li:last").addClass("li-last-s1");//给每个下拉菜单的最后一个li元素添加css样式,此处非必要
$(this).children("ul").slideDown(speed);//JQ的slideDown方法,显示下拉菜单
},
function(){
$(this).children("ul").hide();//隐藏下拉菜单
}
);
//JQ动画,可选
$("#"+ulElementId).find("li>ul>li>a").hover(
function(){
$(this).animate({paddingLeft:"30px"},speed);
},
function(){
$(this).animate({paddingLeft:"20px"},speed);
}
);
}