html怎么隐藏上拉菜单,各种显示隐藏上拉菜单效果

各种显示隐藏下拉菜单效果

使用jQuery了

//各种显示隐藏下拉菜单效果

function showhide(selector1, selector2, type){

var timer = {};

var key = "___showhide_uuid"

//取得全局唯一标志符

var UUID = function(){

if(!window[key]) window[key] = 1;

return window[key]++;

}

//先检查目标有没有uuid

var uuid = $(selector1).eq(0).attr(key);

if(!uuid){

uuid = UUID();

}

//将uuid添加到dom上

$(selector1).attr(key, uuid);

$(selector2).attr(key, uuid);

//确定动作

type = type || "mouseenter";

//绑定动作

var call = function(_this, callback){

var _uuid = $(_this).attr(key);

if(timer[_uuid]) clearInterval(timer[_uuid]);

timer[_uuid] = setTimeout(function(){callback.call();},200);

}

$(selector1)[type](function(){

call(this, function(){$(selector2).fadeIn(100);});

}).mouseleave(function(){

call(this, function(){$(selector2).fadeOut(200);});

});

$(selector2).mouseenter(function(){

call(this, function(){});

}).mouseleave(function(){

call(this, function(){$(selector2).fadeOut(200);});

});

}

/*

使用方法

showhide(".J_C_Game",".J_C_Game_T","mouseenter");

showhide(".J_C_Game",".J_C_Game_T","click");

...

*/

1 楼

TXterran

2012-10-11

你想说明什么？

2 楼

1927105

2012-10-11

写文档的能力有待提高啊

3 楼

jacking124

2012-10-12

看着不是很明白的