본문 바로가기

JavaScript

[자바스크립트] 스크롤에 반응하는 sub메뉴 만드는 방법 자바스크립트 스크롤에 반응하는 서브 햄버거메뉴 만드는 방법 알아보기와 예제 스크롤에 반응하는 sub메뉴단추가 있다면 사용자 접근성이 높아진다. 보기 편하게 색깔별로 표시해두었습니다. 노란색 - 글자가 노란색인 설명을 본다. HTML Menu 메뉴1 메뉴2 menu3 menu4 콜라 CSS 길어서 파일첨부 했습니다. JS jQuery(document).ready(function($){ var offset = 300; var navigationContainer = $('#sub_menu'), mainNavigation = navigationContainer.find('#cd-main-nav'): checkMenu(); $(window).scroll(function(){ checkMenu(); }); $('... 더보기
[자바스크립트] Full Screen 햄버거 메뉴 만드는 방법 색깔별로 한눈에 보기 쉽고 이해하기 쉽게 설명한 자바스크립트 Full Screen 풀 스크린 햄버거 메뉴 만드는 방법 알아보기와 예제 햄버거 메뉴란? 웹이나 앱을 사용하면서 자주 보는 막대기처럼 생긴 메뉴 아이콘으로 흔히 화면이 작은 모바일 앱에서 많이 사용된다. 갈수록 UI(User Interface)와 Design은 심플하고 간결한 것을 선호하기 때문에 작은 화면일수록 더욱 심플한 디자인을 채택하게 된다. 웹 개발자나 프론트엔드,퍼블리셔는 햄버거 메뉴라고 하는데 모든 웹 개발 언어는 영어가 기반인만큼 개발의 시초인 서구에서 실제 햄버거 모양과 비슷했기에 붙여진 이름이라 추측된다. 보기 편하게 색깔별로 표시해두었습니다. 노란색 - 글자가 노란색인 설명을 본다. HTML menu1 menu2 menu3 .. 더보기