/**
* 显示指标说明,计算弹窗x y坐标
*/
$('.main-content a').mouseover(function(e){
var tsqNum = $(this).data('tsrquotanum');
$.post(path+'/tsQuoTa/selectByTsqNum',{'tsqNum':tsqNum},function(dataJson){
$('.move-win p').text(dataJson.dataList[0].tsqExplain);
$('.move-win h1').text(dataJson.dataList[0].tsqName);
});
//当前元素<a>标签离左边的距离+当前元素<a>标签的宽=要显示的元素离左边的距离
var left = $(this).offset().left + $(this).width();
/**
* 当前元素<a>标签离上面的距离+[(鼠标当前位置离上面的距离-当前元素<a>标签离上面的距离)=鼠标离当前元素<a>标签的Y距离]=要显示的元素离上面的距离
*/
var top = $(this).offset().top + (e.pageY - $(this).offset().top);
$('.move-win').css({'top':function(){
//当前窗口的高度+当前窗口滚动条的高度-top=鼠标当前位置离底部的距离也就是底部的高度
var bottom = $(window).height()+$(document).scrollTop() - top;
//如果底部的高度小于或等于当前要显示窗口的高度,用要显示窗口的高度-bottom=正常显示将会溢的高度
if(bottom <= $(this).height()){
//用top - 显示窗口的高度 - 要溢的高度 = 最终要显示的top值
top -= $(this).height() - bottom; //鼠标在最底或最顶部时,显示窗口不被溢出
}
return top;
},'left':left}).show();
}).mouseout(function(){
$('.move-win').hide();
---------------------
作者:江西DJ烟仔ReMix
来源:CSDN
原文:https://blog.csdn.net/u014598014/article/details/79497415
版权声明:本文为博主原创文章,转载请附上博文链接!