jQuery
☆★データーでの確認★☆Equal Heights jQueryを使ってボックスの高さを合わせる jQuery1.2.6を使用【 書式 】《 jquery1_2_6.js 》 <script type="text/javascript" src="js/jquery1_2_6.js"></script> ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="utf-8"> <meta name="description" content="ブロックレベル要素の高さを揃える「Equal Heights」"> <…</meta></meta></head></html>
☆★データーでの確認★☆ zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder Animating RSS feeds with zFramework 使用.jsファイル【 外部読み込みファイル 】《 1.7.1j…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder How to limit feed title lengths 使用.jsファイル【 外部読み込みファイル 】《 1.7.1jquery…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder Multiple RSS feeds with ticker animation 使用.jsファイル【 外部読み込みファイル 】《 1.…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder Basic RSS feed example 使用.jsファイル【 外部読み込みファイル 】《 1.7.1jquery.min 》
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder How to sort feeds by title and date 使用.jsファイル【 外部読み込みファイル 】《 1.7.1jq…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder Displaying RSS feeds with jQuery Mobile 使用.jsファイル【 外部読み込みファイル 】《 1.7…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder Starting a feed at a specific item 使用.jsファイル【 外部読み込みファイル 】《 1.7.1jqu…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder RSS feed with media attachments 使用.jsファイル【 外部読み込みファイル 】《 1.7.1jquery…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder Selecting RSS feeds from a menu 使用.jsファイル【 外部読み込みファイル 】《 1.7.1jquery…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder RSS feed content link example 使用.jsファイル【 外部読み込みファイル 】《 1.7.1jquery.m…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder Redirecting RSS feed links to another page (Part 1) 使用.jsファイル【 外部読み込みファ…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder RSS feed with images and ticker animation 使用.jsファイル【 外部読み込みファイル 】《 1…
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder Basic RSS feed example 使用.jsファイル【 外部読み込みファイル 】《 1.7.1jquery.min 》
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder Formatting RSS feed dates 使用.jsファイル【 外部読み込みファイル 】《 1.7.1jquery.min …
☆★データーでの確認★☆zRSSFeed jQueryでRSSを表示する RSS Feeds Reader Plugin for jQuery RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builder Basic RSS feed example 使用.jsファイル【 外部読み込みファイル 】《 1.7.1jquery.min 》
☆★データーでの確認★☆Ken Burns effect from, to, time form :画像表示の開始位置 to :画像表示の終了位置 time :指定した画像の表示時間 パラメーターは、１つ目が縦方向の位置、２つ目の横方向の位置、３つ目が画像の拡大率 必要なファイルをダウンロード …
☆★データーでの確認★☆Easy Slider 17 Numeric Navigation jQuery Slider シンプルな横スライド スライドショーの再生回数を１回にする loop: 1 必要なファイルをダウンロード Easy Slider 17 Numeric Navigation jQuery Slider jquery .jsファイルを紐付け <script src="js/easySlider1.7.js" type="text/javascript"></script> …
☆★データーでの確認★☆Nivo Slider Nivo Sliderは多数のアニメーション効果を持ったスライドショーを実現するjQueryプラグインです。画像切り替え時に現れる16種類のアニメーションがスライドショーをより魅力的にしてくれます。スライドの制御はボタン、ナビ…
☆★データーでの確認★☆階層メニュー STEP1 メニューの骨格部分となるHTMLを作る リストタグ（ul/li要素）を用いてメインになるメニューを記述し、ul要素、のclass属性にはわかりやすく「menu」と名付けておく STEP2 メインメニューに属するサブメニューを、同…
☆★データーでの確認★☆ドロップダウンメニュー ソースコード【 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; list-style-type: none; } #container { margin: 100px auto; width: 537p…</meta></head></html>
☆★データーでの確認★☆横スライド：ホイール対応 横スライドで見せるjQuery スクロール・スワイプに対応 ナビゲーションリンクで減速スライド ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>横スライド：ホイール対応</title> <script src="js/jquery-1.9.1.min.js"></script> <style> /*表示修飾*/ * { font-family: Verdana, Geneva, sans-s</meta></head></html>…
☆★データーでの確認★☆Brand Spanking New Brand Spanking New コンテンツエリアをクロスフェード ダウンロード 必要なファイルをダウンロード コンテンツエリアをクロスフェード クロスする秒数（800/1000秒） 表示する秒数（4000/1000秒） 必要ファイルとの…
☆★データーでの確認★☆画像ををクロスフェード クロスする秒数（800/1000秒） 表示する秒数（4000/1000秒） 「cf1〜」は「id=img1」とした場合、配列の中も「Array('img1'),・・・」と書き換える Brand Spanking New 必要なファイルをダウンロード .jsファイ…
☆★データーでの確認★☆Static crossfade(標準クロスフェード) tobia / CrossSlide 必要なファイルをダウンロード tobia / CrossSlide jquery .jsファイルを紐付け <script src="js/jquery.cross-slide.js" type="text/javascript"></script> .jsファイルを紐付け <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script> sleep 画像の切り替え時間（フェードが始まるまでの時間で単位は秒…
☆★データーでの確認★☆Slide + crossfade 表示するブロックするよりも大きい画像を準備する 大きい写真をずらす 「dir」を指定することで、画像を動かす（スクロールさせる）ことができる 指定できるのは「up」,「down」,「left」,「right」の４つ 必要なファ…
☆★データーでの確認★☆タブ切り替えパネル 手順 タブパネルのHTML／XHTML（以下、HTML）は、タブ部分（見出し）とパネル部分（表示する中身）をul/li要素を使って別々にマークアップし、タブのul要素には「tab」、パネルのul要素には「panel」というclass名を…
☆★データーでの確認★☆ツールチップ Windowsにおいて、マウスポインタの下に適宜表示される小さな説明窓のこと。 ブラウザで表示したHTMLファイル上のリンクをマウスでポイントした際や、アプリケーションのアイコンをマウスでポイントした際などに表示される…
☆★データーでの確認★☆PQ グリッド ParamQuery 外部ファイルから表作成 (JS)エクセルやスプレッドシートのように美しく機能的な表を作成するスクリプト PQ グリッド ParamQuery プラグインをダウンロードしてカスタマイズする ParamQueryグリッドをダウンロー…
ガイドテキスト - 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>
