JavaScript + Ajax 実践サンプル集 (1276本以上) ◇編集して実行可能◇
jQueryを使い倒せ! jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中... powered by asp.net 3.5
ホーム
jQuery
jQuery プラグイン
jQuery UI
人気順
カテゴリ
キーワード
クール
新着
ツリー
jQuery PDF
ホット
サイト情報
サイトマップ
★ 新着サンプルトップ50のRSSを購読する
◆ DHTMLサンプル(基礎)のRSSを購読する
◆ DHTMLサンプル(応用)のRSSを購読する
◆ AJAXサンプルのRSSを購読する
◆ その他サンプルのRSSを購読する
◆ BOM(Browser Object Model)のRSSを購読する
◆ DOM(Document Object Model)のRSSを購読する
Framework Icons
《
プログラマーがネットで副収入を得る方法とは
》
説明
補足説明
コード
関連書籍
コメント投稿
このサンプルは、jQuery UIのテーマを利用してアイコンのデモを表示しています。
このサンプルを編集して試してみる
このサンプルで使用しているアイコンは、１個のイメージにまとめています。イメージをまとめるとブラウザが１回のリクエストですべてのアイコンをロードできるので高速化できます。アイコンを個別のファイルに作成すると、ブラウザはその都度イメージのロードをサーバー側にリクエストします。
※Firefoxで表示すると角丸で表示されます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery UI - Demo2(Framework Icons)</title> <link href="jQuery/UI/ui.all.css" rel="stylesheet" type="text/css" /> <link href="jQuery/UI/ui.allplugins.css" rel="stylesheet" type="text/css" /> <link href="jQuery/UI/demos.css" rel="stylesheet" type="text/css" /> <style type="text/css"> li { float:left; margin:3px 3px 3px 3px; } </style> <script src="jQuery/jquery-1.3.1.js" type="text/javascript"></script> <script src="jQuery/UI/ui_demos.js" type="text/javascript"></script> </head> <body> <img src="jQuery/UI/images/ui-icons_222222_256x240.png" /> <div id="demo" style="width: 300px";> <h2 class="demoHeaders">Framework Icons</h2> <ul id="icons" class="ui-widget ui-helper-clearfix"> <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-n"><span class="ui-icon ui-icon-carat-1-n"></span></li> <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-ne"><span class="ui-icon ui-icon-carat-1-ne"></span></li> <li class="ui-state-default ui-corner-all" title=".ui-icon-carat-1-e"><span class="ui-icon ui-icon-carat-1-e"></span></li> (省略) <li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></li> </ul> </div> </body> </html>
コメント・提案の投稿！
名前
メール
件名
本文
送信中です...
ASP.NET 3.5
|
Akio's Blog
