js 鼠标移入移出得js动画，觉得不错，转载收藏一下 哈哈 原作者就是在下面，可以去参考他得

	/**
	 * 显示指标说明，计算弹窗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 
版权声明：本文为博主原创文章，转载请附上博文链接！