[JQUERY] JQuery와 및 CSS를 사용하여 버튼을 클릭 한 후 회전 DIV 텍스트
JQUERYJQuery와 및 CSS를 사용하여 버튼을 클릭 한 후 회전 DIV 텍스트
해결법
-
1.이 시도:
이 시도:
데모 : http://jsfiddle.net/ehec1gun/
var rotation = 0; jQuery.fn.rotate = function(degrees) { $(this).css({'-webkit-transform' : 'rotate('+ degrees +'deg)', '-moz-transform' : 'rotate('+ degrees +'deg)', '-ms-transform' : 'rotate('+ degrees +'deg)', 'transform' : 'rotate('+ degrees +'deg)'}); }; $('#btnRotateRight').click(function() { rotation += 5; $('.rotate').rotate(rotation); }); $('#btnRotateLeft').click(function() { rotation -= 5; $('.rotate').rotate(rotation); });
from https://stackoverflow.com/questions/37452477/rotate-div-text-after-clicking-on-button-using-jquery-and-css by cc-by-sa and MIT license
'JQUERY' 카테고리의 다른 글
[JQUERY] 가장 좋은 방법은 자바 스크립트 라이브러리 및 CSS 폴더 구조를 구성하기 [마감] (0) | 2020.11.05 |
---|---|
[JQUERY] 어떻게 동적으로 목록을 선택하기 위해 데이터를 전달하는 방법? (0) | 2020.11.05 |
[JQUERY] 어떻게 자바 스크립트 계층 멀티 레벨의 데이터 테이블을 구현하는 방법? (0) | 2020.11.05 |
[JQUERY] Struts2에서 AJAX를 사용하여 다른 선택 메뉴에 따라 하나 개의 선택 메뉴를 채우기 (0) | 2020.11.04 |
[JQUERY] jQuery를 사용하여 JSON XML을 변환하는 방법 (0) | 2020.11.04 |