검스3 jquery hover function 사용 예 제이쿼리 이벤트 중에서 꽤 흔하게 사용되는 이벤트 메소드가 바로 hover다. 특정 엘러먼트 위에 마우스가 위치하거나 벗어났을 때의 이벤트를 정의한다. 자바스크립트의 mouseenter, mouserover를 한 번에 제어할 수 있다. CSS의 :hover 선택자를 이용한 것과 같은 이벤트를 타기 때문에, 키보드로 앵커에 위치했을 때는 동작하지 않는다. jquery hover function 사용 예 $(document).ready(function(){ //2depth menu showing when menu is collapsed var hoverMenu = $('.lnb .lnb1depth >li'); hoverMenu.hover( function () { var menuInitH = $('#menu.. 2021. 1. 18. 부트스트랩 날짜선택 폼 bootstrap 4.3 datepicker 부트스트랩을 사용하면 여러 편리함이 있는데 그중에서도 드롭다운, 데이터 피커 같은 것을 쓰기가 굉장히 쉽다. 그런데 부트스트랩 4.3으로 업그레이드를 하면, 기존에 부트스트랩으로 작성했던 스타일이 흐트러진다. 그중에서도 특히 datepicker는 최악이다. 또한 부트스트랩 4.3에서는 더 이상 글리피콘을 지원하지 않는다. 글리피콘이 유료화된 탓이다. 기존의 부트스트랩 데이터 피커를 그대로 사용했다면, 클래스 명을 변경해 주고 글리피콘 대신 :before 선택자로 이미지 캘린더를 달아 주면 된다. 꽤 비슷한 화면이 나왔다. html markup은 다음과 같다. - 달라진 점은 input-group-addon 대신에 input-group-append을 사용했다. 또한 캘린더 아이콘이 뿌려지던 태그에서 글리 .. 2021. 1. 16. 티스토리 EGG스킨 발행날짜 변경 jquery 자바스크립트 .text(); 티스토리 EGG스킨 발행 날짜 변경 jquery 자바스크립트 왜 때문에 무엇 때문에 바꿔야 할지는 바꾸고 싶은 사람만이 알 것이지만... 나는 개인적으로 검색 결과에서 누락된 블로그의 과거에 발행했던 글이 아까워서 새로 블로그를 만들어 옮길 때가 많다. 그런데, 도저히 시점상 몇 년 된 글을 최신 글인 것처럼 올리기는 양심에 거리끼기도 한다. 검색엔진에서 최신 글로 검색이 되는 것 까지야 어쩔 수 없지만, 최소한 내 글을 볼 때는 이 글이 어 좀 오래된 글이네? 하는 정도는 알려줘야 한다고 생각되어서 이 스크립트를 종종 쓰곤 한다. 원리는 간단하다. jquery의 $('selector'). text(); 를 이용하는 방법이다. 글 중에 특정 날짜를 주고 특정 클래스를 부여한다. 클래스를 주기 싫다면, 유.. 2020. 11. 23. 이전 1 다음
