본문 바로가기

전체 글92

스크롤 따라다니는 메뉴 만들기 또는 특정 위치에 스타일 변경하기 스크롤이 특정 위치에 도달했을때 여러 효과를 주는 방법은 많습니다. 그중에서 간단한 소스로 제어하는 방법을 소개 합니다. HTML 예제 박스 입니다. css #ex_box { position: relative; top:0; left:0; width: 100%; height: 40px; text-align: center; background: #3399ff; } Javascript "onscroll"을 이용한 간단한 제어 방법 스크롤이 40px 이상으로 내려가면 브라우져 상단에 붙어 따라다니는 메뉴 만들기 //스크롤 따라다니는 메뉴박스 만들기 onscroll = function() { var nVScroll = document.documentElement.scrollTop || document.body.s.. 2019. 12. 28.
javascript 자바스크립트 쿠키 생성 및 가져오기 방법 자바스크립트를 통해 쿠키 설정을 할때 아래의 함수를 이용하시면 편리 합니다. 쿠키는 키에 값을 넣어 저장하고 불러오고 다시 재설정하는 방식으로 제어하며 사용합니다. 쿠키는 저장하는 방식에는 서버 또는 클라이언트 브라우져에 저장하며 사용을 합니다. 중요한 값이 아닐 경우 보통은 클라이언트(사용자) 브라우져에 저장하며 쉽게 쓰고 지웁니다. 아래 소스코드를 보시면 저장할때 setCookie(키이름, 값, 저장날짜) 이렇게 3가지의 값이 필요합니다. 불러 올때는 getCookie(키이름)만 불러와서 키에 입력된 값을 변수에 저장한 후 여러 형태의 조건문 반복문등에 활용하여 사용됩니다. setCookie("Ck_01","on","1") //변수, 변수값, 저장기간 //쿠키값 "Ck_01"에 on값을 저장합니다. .. 2019. 12. 26.