jQuery UI はとても便利ですよね。 その中でもタブ(tab)はよく使う機能の一つだと思います。 jQuery UI タブの基本記述と、 リンクをクリックするとタブ選択が変わる記述をお教えします。 まず、jQuery UI のタブを使うときの基本記述 (HTMLヘッダー部分) <script type="text/javascript" src="./js/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="./js/jquery-ui-1.8.16.custom.min.js"></script>(HTMLボディ部分) <div id="tabs"> <ul> <li> <a href="#tab1">タブ１</a> </li> <li> <a href="#tab2">タブ２</a> </li> <
こんにちは。 とりあえず、もとのサンプルソースに手を加えました。 参考にしてみてください。 変更箇所 <ul id="tab">を<ul class="tabbar">にして上下に用意。 JavaScript内の#tabで参照している部分をtabbarに変更。 初回表示時とクリック時の動作を変更。 == <!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】画像タブ切り替えの上下配置について</title> <script type="text/javascript" sr
スムーズなアニメーションでタブを切り替え、各タブコンテンツの#リンクにも対応した、タブの機能性のみを追求したjQueryのプラグインを紹介します。 JQuery EasyTabs Plugin デモページ：同じページに複数のタブを設置 [ad#ad-2] EasyTabsの主な特徴 タブの切り替え時にはスムーズなアニメーションが可能 外観はCSSで簡単にカスタマイズ可能 ブラウザのバックボタンとフォワードボタンに対応 各タブは#リンクが有効でブックマークが可能（SEOにフレンドリー） タブは指定された時間で自動切り替え可能 グローバル変数の使用はしていません ページ内に複数のタブコンテンツを設置可能 valid HTML Markup 超軽量（5KB） オープンソース（MIT and GPL licenses） タブのスタイリングはCSSでもJavaScriptでも可能 AJAXコンテンツ
jQuery タブ内にあるアンカーポイントへのダイレクトリンクの仕方を教えてください。 私なりに調べてみましたが、解決できず、はじめて投稿させて頂いております。 http://allabout.co.jp/gm/gc/24169/2/ を参考にタブメニューを制作しております。 他ページからタブ１内のアンカーポイントへのリンクはできるのですが、 タブ２内のアンカーポイントへのダイレクトリンクがうまくいきません。 ＜＜homepage.html＞＞ <div id="tabs"> <ul> <li><a href="#tab1">タブ１</a></li> <li><a href="#tab2">タブ２</a></li> </ul> <div id="tab1"> <ol> <li><a name="anchor1"></a>アンカー１</li> <li><a name="anchor2"></
暫く空いてしまいましたが、jQueryを コピペに頼らず自分で書いてみよう、 という記事。第三回目です。僕よりも 全然詳しい人のほうが多いんですが、 最近何度かデベロッパーさんの憤り の発言を目にするので多少でも貢献 出来ればと思います。 というわけで第三回目はよく見るタブメニューを書いてみましょう、というもの。 「jQueryを使ったスムースなタブメニュー – ウェビメモ」という記事をお見かけしたのですが、簡単なタブメニューですのでコピペにもプラグインにも頼らず自分で作ってみようじゃないかと、そういう趣向です。 内容は完璧に良いコードとかではなく、あくまで脱ビギナーという内容となります。ビギナーの僕が何様だみたいな話は置いといて。 分かりやすさをメインにしていますので厳密には説明が少し違う点もあるかもしれません。誤解招きそうな記述ありましたらご指摘下さい。 ゴールの確認 まず完成形を見て
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
