在jsp页面中的某一个table中，在某一列的每个td上，鼠标放在每个td上，都会弹出一个对话框，鼠标移开对话框消失，我实现了，但是还是有一些问题。

Question

本帖最后由 Henry_YQH 于 2013-07-24 18:22:50 编辑

Answer 1

$(".moreList").hover(function(){
var hideDiv=$(this).children("div").eq(0);
 var offset=$(this).offset();
 var top1= offset.top ;//表格td距离页面顶端高度
 var top2= document.documentElement.scrollTop ;//滚动条距离顶端长度
 if(top2==0){
 if((top1>=150)&&(top1-300)){
 hideDiv.css({top:top1-80,left:offset.left+80}); 
 }
 if(top1>=400){
 hideDiv.css({top:top1-280,left:offset.left+80}); 
 }
 if((top1>=300)&&(top1<400)){
 hideDiv.css({top:top1-160,left:offset.left+80});
 }
 }else{
 if(top1-top2<=300){
 hideDiv.css({top:top1,left:offset.left+80}); 
 }
 if((top1-top2<360)&&(top1-top2>300)){
 hideDiv.css({top:top1-280,left:offset.left+80}); 
 }
 if(top1-top2>=360){
 hideDiv.css({top:top1-320,left:offset.left+80}); 
 }
 }
 hideDiv.show();
},function(){
var hideDiv=$(this).children("div").eq(0);
hideDiv.hide();
});建议楼主用hover   这样在每个子元素一下移动的时候，不算是一次mouseout