jQueryプラグインzAccordion.jsを使って、シンプルな横方向アコーディオン。

各フレーム(スライドの文字を含めた表示部分)の表示時間を"timeout: 3000"に設定し、切り替えています。各フレームをクリックすることでも切り替わります。各フレームのバックグラウンドは、10×10ピクセルのgif画像をリピートしています。また、下のソースを表示しているpre要素は同時にスクリプトをかねています。ここを書き換えることで、フレームの実サイズ、表示用横サイズ、表示用縦サイズを変更できます
  • サンプル・タイトル01


    [ダミーテキスト01]  ポイントカードを発行し、商品の購入者に対し、次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。

  • サンプル・タイトル02


    [ダミーテキスト02] 
    取引通念上妥当と認められる基準に従い、取引の相手方に対し、支払うべき対価を減額すること又は割り戻すことは、値引と認められる経済上の利益に該当し、景品表示法上の景品類には該当しません。

  • サンプル・タイトル03

    [ダミーテキスト03] 
    なお、対価の減額又は割戻しであっても、 [1] 懸賞によって減額又は割戻しの相手方を決定する場合、
    [2] 減額又は割戻しをした金銭の使途を限定する場合、(例:旅行費用に充当させる場合)
    [3] 同一の企画において景品類の提供とを併せて行う場合、 (例:取引の相手方に金銭又は招待旅行のいずれかを選択させる場合) は値引とは認められず景品類に該当することとなり,景品規制が適用されます。

  • サンプル・タイトル04

    [ダミーテキスト04] 「懸賞による景品類の提供に関する事項の制限」
    4 告示第五項(カード合わせ)について (1)次のような場合は、告示第五項のカード合わせの方法に当たる。
    携帯電話ネットワークやインターネット上で提供されるゲームの中で、ゲームのプレーヤーに対してゲーム中で用いるアイテム等を、偶然性を利用して提供す るアイテム等の種類が決まる方法によって有料で提供する場合であって…

  • サンプル・タイトル05


    [ダミーテキスト05] 特定の数種類のアイテム等を全部揃えたプレーヤーに対して、例えばゲーム上で敵と戦 うキャラクターや、プレーヤーの分身となるキャラクター(いわゆる「アバター」と呼ばれるもの)が仮想空間上で住む部屋を飾るためのアイテムなど、ゲーム 上で使用することができる別のアイテム等を提供するとき。


スクリプトのソース
$(document).ready(function() {
	$("#example4 ul").zAccordion({
		slideWidth: 600,
		width: 900,
		height: 250,
		timeout: 3000,
		slideClass: "frame"
	});
});