Lightbox2.5～2.7 | Webサイト制作支援 | ShanaBrian Website
Lightbox2.5～2.7の使用方法をご紹介しています。 Lightbox2.5～2.7は別ウィンドウ（ポップアップ）ではなく、ウィンドウ内で画像や写真などをモーダルウィンドウとして表示するJavaScriptライブラリです。 Lightbox2ではprototypeを利用していましたが、lightbox2.5以降ではjQueryを利用するようになりました。 公式サイト ※ このライブラリは、jQueryが別途必要です。 ※ ボタンなど透明pngを使用しているためIE6では一部表示が異なる場合や動作しない場合があります。 ※ Lightbox2.6以降ではjQueryが1.10.2未満のバージョンだと正常に動作しない場合があります。 目次 ダウンロードと設置 JavaScriptおよびCSSの読み込み 適用方法 グループ化 キャプション 設置時に異なる階層への対応方法 ダウンロードと設
小数点以下の桁数を取得 | JavaScript逆引き | Webサイト制作支援 | ShanaBrian Website
JavaScript var getDecimalPointLength = function(number) { var numbers = String(number).split('.'); return numbers[1] ? numbers[1].length : 0; };
Roundabout | Webサイト制作支援 | ShanaBrian Website
ダウンロードと設置 こちらからダウンロードし解凍します。 解凍したJavaScriptファイルを任意の場所に設置します。 次の要素を<head>内に記述します。 パスは環境により変更してください。 HTML <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.roundabout.min.js" type="text/javascript"></script> HTML <ul id="sample"> <li><img src="img/image1.jpg" width="160" height="90" alt="" /></li> <li><img src="img/image2.jpg" width="160" height="90" alt="" /></l
fleXcroll | Webサイト制作支援 | ShanaBrian Website
fleXcrollの使用方法をご紹介します。 fleXcrollはスクロールバーのデザインを独自にカスタマイズ可能にするオリジナルスクロールバーを付けるためのJavaScriptライブラリです。 公式サイト 目次 デモ ダウンロードと設置 JavaScriptの読み込み 適用方法 CSS その他のCSS スクロールバーの更新 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text t
セレクトボックス（multiple）間の移動 | jQuery逆引き | Webサイト制作支援 | ShanaBrian Website
jQueryでセレクトボックス（multiple）間のアイテムの移動を行う実装方法をご紹介します。 ※ ソート機能などはありません。 デモ HTML <select name="list1" size="5" multiple="multiple"> <option value="項目1">項目1</option> <option value="項目2">項目2</option> <option value="項目3">項目3</option> <option value="項目4">項目4</option> <option value="項目5">項目5</option> <option value="項目6">項目6</option> <option value="項目7">項目7</option> <option value="項目8">項目8</option> <option va
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3による複数のフィルターの効果を付ける | CSS3逆引き | Webサイト制作支援 | ShanaBrian Website
ShanaBrian Website