jQuery EasyTabs Plugin
<div id="tab-container" class="tab-container"> <ul class='etabs'> <li class='tab'><a href="#tabs1-html">HTML Markup</a></li> <li class='tab'><a href="#tabs1-js">Required JS</a></li> <li class='tab'><a href="#tabs1-css">Example CSS</a></li> </ul> <div id="tabs1-html"> <h2>HTML Markup for these tabs</h2> <!-- content --> </div> <div id="tabs1-js"> <h2>JS for these tabs</h2> <!-- content --> </div> <
jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
jQueryを利用したタブメニューを設置
jQueryを利用したタブメニューを設置してみます。タブは設定した間隔で自動に移動します。ソースはこれから紹介しますが画像やCSSファイルはサンプルファイルにあるのでダウンロードしてお使いください。 body部分はこんな感じです。タブの数は自由に変更できます。 <div id="rotate"> <ul> <li><a href="#fragment-1"><span>Section 1</span></a></li> <li><a href="#fragment-2"><span>Section 2</span></a></li> <li><a href="#fragment-3"><span>Section 3</span></a></li> <li><a href="#fragment-4"><span>Section 4</span></a></li> <li><a href="#
idTabs
Psst, here's beta copy of idTabs 3.0. Email me if you have questions. Version 2.2 Here's what's new. Changed option 'return' to 'change' Removes confusion with javascript's return Added ability to dynamically add idTabs The most requested feature Added 'selected' class option More freedom rules! Added ability to change defaults Now you can select no tab to be shown at start Bind idTabs to differen
Ext JS - RIA開発用JavaScriptフレームワーク
Ext JS: クロスブラウザー対応、RIA（Rich Internet Application）開発用JavaScriptフレームワーク Ext JS はRIA（Rich Internet Application）と言われるWebブラウザ上で動作するアプリケーションを開発するためのJavaScriptライブラリです。Ext JSに含まれるのは： 高機能でカスタマイズ可能なGUI部品（ウィジェット） オブジェクト指向プログラミングのデザインパターンに従った拡張可能なコンポーネントモデル 直感的で、使いやすいAPIドキュメント 商用ライセンスとオープンソースライセンスのデュアルライセンスモデル
Create a Cool Animated Navigation With CSS3 | Envato Tuts+
In the old days of web development, developers relied on Adobe's Flash whenever they needed to do any kind of animation for their website. As time progressed, people ditched Flash and started accomplishing many of those things with the help of CSS and JavaScript. Finally, with the help of CSS3 and the wide browser support that it enjoys now, we can do some pretty amazing things by simply using som
How To Create A Keypress Navigation Using jQuery | Envato Tuts+
The key to a succesful website is the ease with which a user finds what they are looking for. Thus, it's worth spending a lot of time and effort in creating both useful and visually appealing navigation systems. Lately, I have began experimenting with new ways to navigate a website. In this tutorial I'll show you how to let the user make use of their keyboard to get around your site. Step 1 The fi
Create a Slick Tabbed Content Area using CSS & jQuery | Envato Tuts+
One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we're going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we'll achieve the same thing usin
Cutter's Crossing: Updated JQuery Nested Tab Set with Demo
<script src="http://www.myserver.com/js/jquery/jquery-1.1.2.pack.js" type="text/javascript"></script> <script src="http://www.myserver.com/js/jquery/plugins/tabs/jquery.tabs.pack.js" type="text/javascript"></script> <link rel="stylesheet" href="http://www.myserver.com/resources/css/tabs/jquery.tabs.css" type="text/css" media="print, projection, screen"> <!-- Additional IE/Win specific style sheet
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
