[jQueryUI] jQueryUI 표준 아이콘 세트 이용하기

Front-End/jQueryUI 2017. 1. 16. 17:19

jQueryUI 표준 아이콘 세트 이용하기

1. 방법

1) ThemeRoller에서 아이콘 명을 확인

2) 예

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/redmond/jquery-ui.min.css"/> </head> <button id="home">Top</button> <button id="next">next</button> <button id="info">info</button> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script> $(function(){ $('#home').button({ icons:{ primary:'ui-icon-home' } }) ; $('#next').button({ icons:{ secondary:'ui-icon-circle-arrow-e' } }); $('#info').button({ icons:{ primary:'ui-icon-info', secondary:'ui-icon-triangle-1-e' } }); }); </script>

'Front-End > jQueryUI' 카테고리의 다른 글

[jQueryUI] 위젯의 열고닫는 시각적효과 - hide, show, animate (0)	2017.01.18
[jQueryUI] 위젯위치 제어 - position 매개변수 (0)	2017.01.18
[jQueryUI] jQueryUI 이용 방법 (0)	2017.01.16
[jQueryUI] 드랍 요소 제어하기 - droppable[accept, scope] (0)	2017.01.12
[jQueryUI] 드래그 드랍 지정하기 - draggable(), droppable() (0)	2017.01.12

리딩리드

일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30