https://cnodejs.org/topic/56ef3edd532839c33a99d00e 前端资源

鼠标滑过出现下拉菜单(封装可重复使用)

/* 下拉菜单显示 */
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"));
})
posted @ 2016-04-19 17:13  乐淘淘zzxh  阅读(299)  评论(0编辑  收藏  举报