[JS]シンプル！軽量！簡単！三拍子揃ったスライドショーのスクリプト -jQuery.TinySlider
jQuery.TinySlider デモ [ad#ad-2] jQuery.TinySliderの実装 HTML スライドで表示されているイメージはdiv要素の背景画像です。 <div id="slider"> <div class="image" style="background-image: url(img/img1.jpg);">Simple</div> <div class="image" style="background-image: url(img/img2.jpg);">Light</div> <div class="image" style="background-image: url(img/img3.jpg);">Easy</div> </div> JavaScript 「jquery.js」と「jquery.slider.js」を外部ファイルとし、下記のスクリプト
簡単スライドショー | jQuery逆引き | Webサイト制作支援 | ShanaBrian Website
スライドショーを実装するライブラリのご紹介です。 ※ IE6以下は正常に動作しませんのでご注意ください。 ライブラリのダウンロードと設置 「ライブラリのダウンロード」をクリックしてダウンロードしてください。 ライブラリのダウンロード ダウンロードしたjquery.slide.jsを任意の場所へ置き読み込みます。 （jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。） <script type="text/javascript" src="jquery.slide.js"></script> JavaScript 設定したい要素を指定し、実行します。 $(function() { $('#slide').slide(); }); HTML 上記で設定した内容を割り当てます。 <ul id="slide"> <li><img src="img/image1.jp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://miracle-ysdesign.com/test-sample/jquery-test/SlidingLoginPanel/index.html
solidstate.jp