webpagemaker https://blog.hatena.ne.jp/webpagemaker/ 96's blog https://96s.hatenablog.com/ jQuery jQuery Filtering ブログ・Webデザインの勉強 | 風姿花伝「jQueryでフィルタ（フィルタリング）機能」 お手本サイト 補足 内容が多い・少ないによって縦スクロールバー分の表示ズレがある場合はhtml{overflow-y: scroll;}で固定。 画像サイズを変える場合は、CSSの画像が入っているliと、filtering.js内の$(this).stop().animate({width:'○○px'}（２ヶ所あり）でサイズ指定する。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F96s.hatenablog.com%2Fentry%2F20131107%2F1383750000" title="jQuery10（jQuery Filtering） - 96&#39;s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://img.f.hatena.ne.jp/images/fotolife/w/webtm2013/20131107/20131107105043.png Hatena Blog https://hatena.blog 2013-11-07 00:00:00 rich https://96s.hatenablog.com/entry/20131107/1383750000 1.0 100%