糾結了兩天，憋出了個蛋，歡迎拍磚！ ！ ！
-/html/PUBL "IC DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
無標題文件 <br><style type="text/css"> <BR>ul{margin:0;padding:0} <BR>li{position:relative;margin:0;padding:0;;} <BR>.grid{background:#ccc;width:100px;height:100px;;} <BR>.f{background:#333;width:200px;height:200px;position:absolute;top:0;left:100px; display:none} <BR></style> <br><script type="text/javascript" src="http://mat1.gtimg.com/www/js/tcomment/jquery-1.6.2.min.%20js"></script> <br><script type="text/javascript"> <BR>jQuery(function(){ <BR>window.a=0; window.b=1 ; //同為1隱藏彈層<BR>$('ul').delegate('.grid','mouseover',function(){ // 滑鼠放在頭像上<BR>if($('.f')){ <BR>$('ul').append('<div class="f"></script>
')
$('.f').css({top:$(this).offset().頂部})
}
window.a=0;
$('.f').show();
})
$('ul').delegate ('.f','mouseover',function(){// 滑鼠在彈層上
window.b=0;
});
$('ul').delegate('. grid','mouseout',function(){// 滑鼠離開頭像
window.a=1;
})
$('ul').delegate('.f','mouseout' ,function(){// 離開彈層
window.b=1;
});
setInterval(function(){//console.log(window.a " " window. b " " window.c);
if(window.a&&window.b){
$('.f').hide();
}
},100)
} )
