본문 바로가기

Lect & Tip/javascript, jQuery35

✈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.. 2019. 7. 25.

✈ jquery animate 사용예 jquery animate 사용예 .animate() 함수를 이용하면 html Element 상의 객체 움직임을 부여할 수 있다. 반드시 CSS 속성 맵 데이터와 함께 사용한다. 움직임에 관련된 속성들은 단수 수치 값(single numeric value)을 이용한다. 즉, width, height, left, margin 등에 이용할 수 있지만 color같은 값에는 사용할 수 없다. .animate( properties [, duration] [, easing] [, complete] ) Returns : jQuery Duration은 지속시간이며, complete에는 콜백 함수를 지정해서, 애니메이션 동작 이후 함수를 실행할 수 있다. 단, 이 함수에는 인자값을 넘겨 줄 수는 없다. .animate(.. 2019. 7. 17.

[javascript] 자바스크립트로 rgb 색상표 출력하기 html rgb색상 코드표 만들기 ✈[javascript] 자바스크립트로 rgb 색상표 출력하기 html rgb색상 코드표 만들기 RGB색상 코드는 rgb(255,255,255)나 # FF FF FF 와 같이 흔히 표현되는데, 사실은 컴퓨터는 2진수만 이해한다. FF든 255든 사람이 보기 편하라고 표현한 형식이다. 아무튼 컴퓨터는 이 코드를 옥텟[Octet]단위로 끊어서 이해한다. 옥텟이란? 옥텟이란 8개의 한 묶음이다. 달리표현하자면 바이트쯤 되겠지만 조금은 뉘앙스가 다른 개념이다. 첫번째 옥텟은 R, 즉 RED를 뜻하고, 두번째 옥텟은 G, 즉 Green을 뜻하고 세번째 옥텟은 B, 즉 Blue를 뜻한다. 이 각 옥텟에서 이 세가지 색상의 빛의 정도를 표현한다. 0이면 불이 꺼져있으니 어두운것이 되고, 모두 1로 채워지면 그만큼 밝.. 2019. 7. 12.

✈ 자바스크립트 onresize 이벤트 창크기 변경 감지 자바스크립트 onresize 이벤트 창크기 변경 감지 자바스크립트의 onresize 이벤트 창의 크기가 변경될 때마다 그 것(이벤트)을 감지해서 특정 처리를 해야 될 때 늘 onresize 이벤트를 활용할 수 있다. Syntax HTML Attribute Event Property object.onresize = handler; attachEvent Method object.attachEvent("onresize", handler) http://msdn.microsoft.com/en-us/library/ms536959(VS.85).aspx onresize 이벤트를 적용가능한 엘레멘트는 window 객체 뿐만 아니라 다음의 객체들에도 적용이 가능하다. A, ADDRESS, APPLET, B, BIG, BL.. 2019. 7. 4.

jQuery selector함수 slice() - start, end 까지 index 요소 선택 between 📌jQuery selector함수 slice() - start, end 까지 index 요소 선택 between 1번부터 10번까지 형제 요소들이 있을 때 이 중에서 2번부터 5번까지만 선택해서 jquery로 동작을 시키고 싶을 때가 있다. 이럴 때 사용하는 함수가 바로 jquery slice()함수다. 사용방법은 다음과 같다. $('selector').slice(2,5).addClass('newClass'); 이와 같이 실행하면, 선택된 요소들에서 eq(2),eq(3),eq(4),eq(5) 가 선택되어서 addClass함수에 의해 'newClass'라는 클래스명이 부여된다. 2019. 6. 24.

이전 1 ··· 3 4 5 6 다음

티스토리툴바