![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
jquery特效:鼠标经过对象显示悬浮层,超出屏幕下方后,如何判断让悬浮层显示在对象上方?
在下方的悬浮层超出了屏幕,此时该如何让它显示在对象的上方?jquery代码如下:<scripttype="text/javascript">$(document).rea...
在下方的悬浮层超出了屏幕,此时该如何让它显示在对象的上方?
jquery代码如下:
<script type="text/javascript">
$(document).ready(function()
$(".user").mouseover(function(){
$(this).next(".user_con").show();
});
$(".user").mouseout(function(){
$(this).next(".user_con").hide();
});
$(".user_con").mouseover(function(){
$(this).show();
});
$(".user_con").mouseout(function(){
$(this).hide();
});
});
</script>
--------------------- 展开
jquery代码如下:
<script type="text/javascript">
$(document).ready(function()
$(".user").mouseover(function(){
$(this).next(".user_con").show();
});
$(".user").mouseout(function(){
$(this).next(".user_con").hide();
});
$(".user_con").mouseover(function(){
$(this).show();
});
$(".user_con").mouseout(function(){
$(this).hide();
});
});
</script>
--------------------- 展开
1个回答
展开全部
怎么又来提个问题?你提了同样的问题两个吧?
这个也给你回答吧!
这个很好解决嘛!
第一步将user_con的样式设置为position:absolute
第二步先别急着给user_con show出来!先判断下当前这个盒子的高度show出来的时候会不会超出浏览器屏幕!代码改下!
$(".user").hover(function () {
var box = $(this).next();
box.show();
var _h = box.height(),
_top = box.offset().top,
_wh = $(window).height();
if (_h + _top > _wh) {
box.css({ top: (_top - _h - 20) + 'px' });
}
}, function () {
$(this).next().hide();
});
这个也给你回答吧!
这个很好解决嘛!
第一步将user_con的样式设置为position:absolute
第二步先别急着给user_con show出来!先判断下当前这个盒子的高度show出来的时候会不会超出浏览器屏幕!代码改下!
$(".user").hover(function () {
var box = $(this).next();
box.show();
var _h = box.height(),
_top = box.offset().top,
_wh = $(window).height();
if (_h + _top > _wh) {
box.css({ top: (_top - _h - 20) + 'px' });
}
}, function () {
$(this).next().hide();
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询