滑动弹窗

1. 设置要显示弹窗的元素为隐藏: display: none;

比如我的是:.hidden-pop{display: none;}

2. 设置出发动作,我的是 $(".pop-tips") 鼠标经过事件:

$(".pop-tips").hover(function () {
    // 向下滑动显示
    $(this).find(".hidden-pop").slideDown()
}, function () {
    // 收起显示并停止滑动
    $(this).find(".hidden-pop").stop(true, false).slideUp()
})

这里只需要把触发节点 .pop-tips 和 要显示的节点 .hidden-pop 改为你自己的就行了

猜你喜欢

转载自www.cnblogs.com/waterliang/p/12583688.html
今日推荐