본문 바로가기
728x90
반응형

Developer/Javascript & jQuery104

[jQuery] drag해서 text표현 1234567891011121314151617181920212223242526272829303132333435363738jQuery UI 오이 양배추 양상추 $(function() { $('#dragbox1, #dragbox2, #dragbox3').draggable({ revert : true, scope : 'ok' }); $('#dragbox3').draggable({ revert : true }); $('.dropbox').droppable({ scope : 'ok', drop : function(e, ui) { $(this).html($(this).html() + ui.draggable.text() + '가 들어왔습니다. '); } }); }); Colored by Color Scriptercs 2017. 1. 30.
[jquery] 선택박스 대신 selectable 123456789101112131415161718192021222324252627282930313233jQuery UI 1. 영어회화 2. 악기 3. 수영 4. 서예 5. 주판 6. 축구 7. 컴퓨터 8. 태권도 $(function() { $('#list').selectable({ stop : function() { $('#result').text($('.ui-selected').text() + '을 선택했습니다.'); } }); }); Colored by Color Scriptercs jQuery UI 1. 영어회화 2. 악기 3. 수영 4. 서예 5. 주판 6. 축구 7. 컴퓨터 8. 태권도 2017. 1. 30.
[jquery] tooltip 12345678910111213141516171819202122232425262728293031323334353637383940jQuery UIspan[title] { text-decoration: underline; cursor: pointer;} 이 책은 jQuery 구조에서 플러그인 의 사용법, 이벤트 구현과 커스터마이즈의 방법까지 알기 쉽게 자세하게 설명합니다. 특히 Web 제작 현장에서 흔히 쓰는 셀렉터와 메소드를 엄선했습니다. 움직임이 있는 다양한 UI 의 제작 방법이 간단하게 익숙해집니다. 또한, 구조가 준비된 샘플 파일 에서 필요한 코드만 입력하면서 효율적으로 배웁니다. $(function() { $(document).tooltip(); }); Colored by Color Scriptercs 2017. 1. 30.
[jquery] 파싱해서 데이터로 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354플러그인 $(function() { var books = [ { isbn : '978-89-5674-578-7', image : '06000229', title : '예제가 가득한 C 언어 길라잡이', price : 20000, publish : '정보문화사', published : new Date('2012/11/29'), authors : [ { name : '김은철', role : '저' }, ] }, { isbn : '978-89-5674-584-8', image : '06000228', title : '초보자를 위한 C .. 2017. 1. 30.
[jquery] 달력 1234567891011121314151617181920212223242526jQuery UI Colored by Color Scriptercs 2017. 1. 30.
728x90
반응형

티스토리툴바