2013-03-31から1日間の記事一覧
ガイドテキスト - jQuery基本形 アクティブなエリアに色がつき、デフォルトの文字が消える 選択したエリアがわかるように配慮したガイド ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>ガイドテキスト - jQuery基本形</title> <script src="js/jquery.js"></script> <link rel="stylesheet" href="css/style43.css" media="print,screen"> </head> </html>
☆★データーでの確認★☆実践演習-アコーディオン jQuery使用したアコーディオンパネル （1）jQueryの命令を記述する場所を記述 【 記述 】 $(function(){ (中略) }); （2）セレクターに1番目以外のパネル（dd要素）を指定 1番目以外のdd要素に対して、css()でd…
☆★データーでの確認★☆アコーディオン - Query基本形 ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>アコーディオン - Query基本形</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <style> #faq { width: 500px; } .question { padding: 5px; font-weight: bold; font-family: A…</meta></head></html>
☆★データーでの確認★☆アコーディオン（アニメーションなし） アニメーションのような滑らから動きがない ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>アコーディオン（アニメーションなし）</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <style> * { margin:0; padding:0; line-height:1.4; } body{ padding:40p…</meta></head></html>
☆★データーでの確認★☆CSSでアコーディオンパネル ホバーを使いパネルが展開してように見せる HTMLの記述 「unordered list」または「definition list」を設定する 「unordered list」の中に「definition list」をネストすることも可能（例では、見出しと本文…
jQuery UI ページを遷移させず複数のコンテンツを見せたい場合に利用する 必要なjQuery UIをダウンロード jQuery UI(jQuery user interface) [ Themes ] の中の [ ThemeRoller ]の中のテーマを選ぶ [ Gallery ] から好きなテーマを [ Download ] [ Download …
☆★データーでの確認★☆jQuery TOOLS Build a custom set of ToolsからコアjQuery Toolsをダウンロード（または、ソースコードから必要なデータを保存する） jQuery TOOLS demoからの確認 デモを見て必要なjQueryをそろえる 画像のダウンロードが準備されてい…
☆★データーでの確認★☆Yetii Yetii YetiiのjQueryをダウンロード ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Yetii</title> <style> #tabBox { width: 500px; margin: 0px; } ul#tabBox-nav { list-style-type: none; width: 460px; float: left; margin: 0; /* タブの背景の画像は任意で用</meta></head></html>…
