jQuery 네비게이션1

CSS @charset "utf-8"; /* CSS Document */ /* base */ *{margin:0;padding:0} body{font-size:16px; color:#333} ul, ol{list-style:none;} a{color:inherit; text-decoration:none} .hidden{display: block; position: absolute; left: -1000%; width: 1px; height: 1px; overflow: hidden; color: #fff} .dropdownmenu{width:670px; height:50px; margin:50px auto 0; padding:50px; border:1px solid #ddd;} .dropdownmenu::..

2021.12.09

jQuery animate rotate (feat.CSS)

animate rotate jQuery는 rotate 속성을 기본으로 제공하진 않지만, jQUeryRotate를 연결시켜 사용할 수 있다. 또는 CSS transition과 함께 사용할 수 있다. (class 추가, 제거) jQueryRotate 사용 파일을 추가로 링크시켜야 하기 때문에 CSS transition과 함께 사용하는것이 좋다. CSS transition과 함께 사용하는것이 좋다. addClass(), removeClass()를 사용해준다. 단락요소 입니다.

2021.12.08

jQuery animate hover slide

CSS transition으로도 구현할 수 있지만, jQuery로 구현하면 easing효과도 사용할 수 있다. stop() ＊ animate의 계산을 멈춰준다. ＊ animate hover효과 시 stop() 메소드를 꼭 써줘야 한다. ＊ stop을 써주지 않으면 마우스 hover한 횟수 만큼 animate가 멈추지 않고 실행된다. ＊ 또는 clearQueue를 사용해준다. (이게 더 좋음) clearQueue(); ＊ animate의 계산을 취소/삭제 한다. ＊ stop은 단순히 멈추게 해주는것이고, clearQueue는 큐(저장공간)를 삭제시켜준다. (훨씬 좋다) 예제 :)

2021.12.08

jQuery toggle(), hover()

toggle(), hover() $('선택자').toggle(function(){ //홀수번째 처리 코드 }, function(){ //짝수번째 처리 코드 }); // click이벤트 적용 $('선택자').hover(fnction(){ //mouseenter시 처리 }, function(){ //mouseleave시 처리 }); ＊ toggle() 은 1.9.0 버전에서 삭제됨, 사용하려면 jQuery Migrate - All Versions버전을 사용하여 강제 지원해야 한다. ＊ 때문에 페이지 로딩이 느려질 수 있음 제가 갖고 있는 물품을 기부하고 싶은데요. 어떻게 하면 되나요? 꿈이야기에서 ‘필요한 나눔’으로 등록되어 있는 물품에 대한 기부를 원하시는 경우 ‘드림애플 > 아주특별한나눔 > 특별한나눔’..

2021.12.07