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{

 

}