横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。
基本のタブパネルの作り方
jQueryの書き方 |
/*------------------------------------ */ //41-10. フロント側のHTMLを作成する /*------------------------------------ */ $("#content").load($("ul.pager li a:first").attr("href")+" #content"); $("ul.pager li a:first").addClass("selected"); //選択処理 $("ul.pager li a").click(function(){ $("ul.pager li a").removeClass("selected"); $(this).addClass("selected"); $("#content").load($("ul.pager li a.selected").attr("href")+" #content"); return false; }); |
---|---|
cssの書き方 |
---------------- |
HTMLの書き方 |
<div id="content"> <p class="loading"><img src="../images/ani_loading.gif" alt="" /></p> </div> <div class="clear-both"> <ul class="pager"> <li><a href="motn41-10a.html">1</a></li> <li><a href="motn41-10b.html">2</a></li> <li><a href="motn41-10c.html">3</a></li> <li><a href="motn41-10d.html">4</a></li> <li><a href="motn41-10e.html">5</a></li> <li><a href="motn41-10f.html">6</a></li> <li><a href="motn41-10g.html">7</a></li> <li><a href="motn41-10h.html">8</a></li> <li><a href="motn41-10i.html">9</a></li> <li><a href="motn41-10j.html">10</a></li> <li><a href="motn41-10k.html">11</a></li> <li><a href="motn41-10l.html">12</a></li> </ul> </div> |