h5+css3+Jq
1.侧边栏划出一个信息框
通常鼠标浮动侧边栏都会划出一个信息框,每个信息框距离侧边栏的距离是相等的,所以处理此问题的方法就是
量取信息框距离侧边栏的距离,信息框设置绝对定位,父元素设置相对定位之后,信息框就会相对于父元素的相对定位进行绝对定位,取父元素的width:100%,然后加上距离信息框距离侧边栏的距离,right: calc(100% + 30px);
2.查找当前直系父级的直系父级的同胞元素的孩子进行slideUp().
$(this).parent().parent().siblings().find(".ul2").slideUp();
3.鼠标浮动下拉(stop()意为停止所有与当前无关的动画)
$('.navli ').hover(function () {
$(this).find('.an_navxiala').stop().fadeIn();
},function(){
$(this).find('.an_navxiala').stop().fadeOut();
})
4.鼠标滚动(右侧滚动条距离顶部的距离)
$(".navli").hover(function () {
if ($(window).scrollTop() > $(".navbox").height()) {
}else{
}