jQuery UI 버튼

jQuery UI 버튼

1 소스 코드

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>jQuery UI Button - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.22/themes/black-tie/jquery-ui.css">
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js"></script>
<style>
.button_6em { font-size: .6em !important; }
.button_8em { font-size: .8em !important; }
</style>
<body>
<button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all" value='1'>
	<span class="ui-button-text button_6em">버튼 1</span>
</button>
<button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all" value='2'>
	<span class="ui-button-text button_8em">버튼 2</span>
</button>
<button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all" value='3'>
	<span class="ui-button-text">버튼 3</span>
</button>
<script>
$('button').click(function() {
	alert(this.value+" 버튼을 누르셨습니다.");
});
</script>
</body>
</html>

예제: http://jmnote.com/jqui/button.php

2 같이 보기

jQuery 모바일 버튼