株式会社アイネックスはソフトウェアの開発、ホームページの作成ツール企業です。

　　　　　横浜、東京に拠点を置き、検証システム／金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。

jQuery

41-10)　1.フロント側のHTMLを作成する

Ａｊａｘでスムーズページング

　　・・　　作成した12パターンのファイルを表示する

　

基本のﾀﾌﾞﾊﾟﾈﾙの作り方

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;
});
ｃｓｓの書き方 ----------------
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>

新着書籍