jQueryUIでボタンを表示する

2015/4/15 jquery ui

jQueryUIでリンクやブロック要素（pタグなど）を使用してボタンを表示します。

まずjqueryとjquery-ui.min.js、jquery-ui.cssをプリロードします。

<script src="http://code.jquery.com/jquery.js"></script>
<script src="../js/jquery-ui.min.js"></script>
<link type="text/css" href="../css/jquery-ui.css" rel="stylesheet" />

1

2

3

<script src="http://code.jquery.com/jquery.js"></script>

<script src="../js/jquery-ui.min.js"></script>

<link type="text/css" href="../css/jquery-ui.css" rel="stylesheet" />

以下body部分です。

<body>
<!-- コーディング部分 -->
<script type="text/javascript">
$(function(){
$("#btn").button();
});
</script>

<a href="http://www.confrage.jp/" target="_blank" id="btn">aタグを使用したボタン</a>
</body>

1

2

3

4

5

6

7

8

9

10

<body>

<script type="text/javascript">

$(function(){

$("#btn").button();

});

</script>

<a href="http://www.confrage.jp/" target="_blank" id="btn">aタグを使用したボタン</a>

</body>

これでjQueryUIデザインのボタンが表示されます。

jquery.uiの詳細はこちらをどうぞ。

KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^

コメントをどうぞコメントをキャンセル