鼠標滑過出現下拉菜單(封裝可重複使用)

/* 下拉菜單顯示 */
function userFu(obj,con) {
obj.addClass('show');
con.slideDown(1).mouseover(function() {
obj.addClass('show');
con.show();
}).mouseout(function() {
obj.removeClass('show');
con.hide();
});
}
/*下拉菜單隱藏 */
function userRemove(obj,con) {
obj.removeClass('show');
con.hide();
}
var msg={
displayShow:function(ele,slide){
ele.hover(function(){
userFu(ele,slide);
},function(){
userRemove(ele,slide);
})
}
}
//集體調用
$(function (){
msg.displayShow( $('#CSDexc'),$(".down-peo"));
msg.displayShow( $('#CSDexs'),$(".dropDown"));
msg.displayShow( $('#CSDexa'),$(".account-slide"));
msg.displayShow( $('#CSDexb'),$(".slide-sg"));})
相關文章
相關標籤/搜索