バニラなJavaScriptで複数項目対応の絞り込み検索スクリプトを書いてみた
仕組みとしては、対象外のアイテムに「d-none」というクラスを追加して非表示にしています。このクラス名は自由に変えられます。 既存のソースコードに組み込むときの注意点 絞り込み選択selectタグのname=”ABC”：絞り込み対象data-ABC 絞り込み選択optionタグのvalue=”XYZ”：絞り込み対象data-ABC=”XYZ” 全表示用のvalue値はallで統一する 例）地域で絞り込みたいとき <select class="js-filter" name="area"> <option value="all">全ての地域</option> <option value="東京">東京</option> </select> <div class="js-filter-item" data-area="東京">...</div> 関数呼び出しの最初の引数は「.」不要です。 m
carouFredSelで画面横幅いっぱいのスライダーや、レスポンシブスライダーを実装する｜Gimmick log
<div id="slider"> <div id="wrapper"> <ul id="carousel"> <li><a href="#"><img src="../images/main-bnr/01.jpg" width="600" height="300" /></a></li> <li><a href="#"><img src="../images/main-bnr/02.jpg" width="600" height="300" /></a></li> <li><a href="#"><img src="../images/main-bnr/03.jpg" width="600" height="300" /></a></li> <li><a href="#"><img src="../images/main-bnr/04.jpg" width="600" height="3
【まとめ】簡単にパララックスサイトが作れるjQueryプラグイン16選
だいぶイマサラ感はありますが、やっぱパララックスサイトはかっこ良いですしまだ需要もあるはずなので、簡単にイケてるパララックスサイトが作れるjQueryプラグインのまとめをさせてください。 イマサラですがまとめておきたいのです。 では早速いきます。 プログラミングやWordPressを習得するのに一番近道な方法とは？ おすすめパララックスjQueryプラグイン18選 ① Nikebetterworld Parallax Effect サイトURL http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/ デモページ http://ianlunn.co.uk/plugins/jquery-parallax/ 使い方参考ページ parallax.jsをいじってパララックスのデモ作ってみた。 | キリンブログ ナイキのパララッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
