Question

求一个Jquery显示隐藏效果，始终出现在可视范围

效果是这样的：
1：当鼠标放到一个元素A上的时候，这个时候就会显示元素B，默认B显示的位子是在A上面
2：当鼠标移开的时候，元素B就隐藏
3：如果元素B到窗口顶部的距离小于元素B本身的高度，那么元素B就显示在元素A的下方，反之亦然

大概是这样的一种效果，就像新浪微博上的效果一样

请高手给我例子，要兼容浏览器的，谢谢！如果我觉得可以，我会再追加20分！

Answer 1

$("#A").hover(function(){
var top=$("#A").setoff().top; //确定A的位置
if(top<$("#B").height())
$("#B").css("top",top+$("#A").height());
else
$("#B").css("top",top);
$("#B").show();
},
function(){
$("#B").hide();
});

大概这样，细节的地方自己改