Jquery中怎么实现鼠标移动到某处时出现一个弹窗，里头还有链接的效果

Posted 2023-04-24

如这个图一样，鼠标移动到账号上来时出现这个白色的窗口，其中有各种链接，鼠标移开好消失

　　这位网友你好，这个白色的窗口其实在鼠标移上去之前是隐藏的，加了display:none属性，当鼠标放上去后再显示而已，display:block;，很简单的。追问

哦，原来是这样啊，就是白色框框上面那个尖角是怎么弄的呢，这个白色的框框该怎么弄，是在CSS中加格式约束吗？初学，不太懂，还请指点一下，谢谢

追答

　　白色的框也是普通的div，尖角可以用图片做，也可以用css写出来，这些都是在css中加格式约束的。

参考技术A 搜一下：Jquery中怎么实现鼠标移动到某处时出现一个弹窗，里头还有链接的效果

鼠标滚动到网页某处时出发动画

function became(e,b) {

//e--块级元素的class或id，b--所需要执行的动画class；

var divTop = $(e).offset().top;

var bodyScroll= $("body").scrollTop();

var winHeight = $(window).height();

if(bodyScroll + winHeight > divTop - 100) {
if(bodyScroll + winHeight < divTop + winHeight) {
$(e).addClass(b);

} else {
$(e).removeClass(b);
}

} else {
$(e).removeClass(b);
}

}

对于这  我感到很心酸，最早的时候  一直在那bodyScroll + winHeight == divTop - 100时出发效果 ，结果if整个进不去，最后 查了好久，才知道了浏览器精确不到==的程度，好心酸。不过最终还是给写出来，开森。。