애니빌드.LAB
토론방
소스관련 메인 네비게이션 질문 드립니다. - 셀뱅크코리아
- 관**자
- 2016-12-27 17:44:36
- hit3508
- http://wdev.anybuild.co.kr/bbs/qna/6586

메인 네비게이션이 세로형으로 떨어져있는게 아닌, 한줄로 보였으면 해서 요청드립니다.
2dep의 li에 a들을 float:left를 주고 가로값을 변경하려고 했는데 변경이 안되더라구요. ㅜㅜ
답답한 마음에 변경 요청드립니다..ㅠ.ㅠ 흑 ㅠ ㅠ 감사합니당 ㅜ ㅜ
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
수정 해드렸습니다.
display:inline-block;으로 진행해드렸습니다.
아래의 css소스가 추가되었습니다.
.lnb_94951_ .dep2{display:inline-block;font-size:0;white-space:nowrap;}
.lnb_94951_ .dep2 > li {display:inline-block;}
아래의 jquery 소스가 추가되었습니다.
$(function(){
$("body").on({
mouseenter : function(){
var dep1right = $(this).closest(".dep1").offset().left + $(this).closest(".dep1").outerWidth(),
dep2right = $(this).offset().left + $(this).children("div").outerWidth();
if(dep2right > dep1right){
$(this).children('div').css('right','0');
}
},
mouseleave : function(){
$(this).children('div').removeAttr('style');
}
}, ".lnb_94951_ ul.dep1 > li")
})