자바스크립트 썸네일형 리스트형 태그의 class가 바뀌는 것을 catch하여 css 나 기타 내용을 변경하는 경우 12345678910 $(window).on("scroll",function() { if ($("#1stS").hasClass("on")===true) { $("#albumCover").css({"background-image": "url(img/happinessalbum.jpg)"}) } else if ($("#2ndS").hasClass("on")===true) { $("#albumCover").css({"background-image": "url(img/benaturalalbum.jpg)"}) } else if ($("#1stM").hasClass("on")===true) { $("#albumCover").css({"background-image": "url(img/icecreamcake1.jpg).. 더보기 프론트엔드 개발자 로드맵 출처 : https://github.com/devJang/developer-roadmap/blob/master/frontend-map.png 더보기 로컬 스토리지 이용하여 Life 구현하기 게임에서 처럼 Life: 3 이고 잘못된 답을 입력하면 생명력 1이 깎이고 광고를 누르면 생명력이 늘어나는 식의 개념을 구현하고 싶었다. 일단 크게 중요한 것은 아니지만 브라우저를 껐다 켜도 내용의 변화가 초기화가 되면 안되니 로컬 스토리지 기능을 이용하여 구현을 해보았다. 코드는 아래와 같다. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 현재 Life Up Down // Check browser supportif (typeof(Storage) !== "undefined") { if (!localStorage) { localStorage.set.. 더보기 이전 1 다음