data属性を利用したナビゲーションの実装サンプル | NxWorld

2016/01/23 76 users アニメーション ホバー時 HTML カスタマイズ テキスト

タイトル通り、テキストのみで作られたようなシンプルなナビゲーションにdata属性を利用したカスタマイズを施した実装サンプルです。いずれもカスタマイズといっても簡易的なものばかりで、ほぼホバー時の動きにはなりますが、紹介しているような方法を使うことでHTMLに記述する要素を少し減らすことができたり、ちょっとしたアニメーションを加えたりすることもできます。また、あまりdata属性を使ったことがないとい... 続きを読む

簡単にコンテンツスライダーを実装できるjQueryプラグイン「bxSlider」の実装サンプル | NxWorld

2015/06/11 94 users bxSlider NxWorld カルーセル スライダー 実装

スライダーやカルーセルを実装できるjQueryプラグインは多数ありますが、それらの中でも豊富なオプションと実装の手軽さで見かけたことや実際に使用した人も多いと思う「bxSlider」の実装サンプルです。もっと高機能なプラグインも探せばいくらでも出てきますし、bxSliderにこだわる必要はもちろんないんですが、個人的に手軽に使えるという理由で今でも使わせてもらう機会が割と多いので、公式には載ってい... 続きを読む

jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ - かちびと. net

2011/11/21 205 users jQuery フィルタ フィルター net 要素

jQueryのフィルターが便利なんですが、 なかなか全部把握出来ないので自分用 にまとめることにしました。マイチート みたいな記事です。フィルターはかゆい ところに手が届く便利なもので、場合 によってはコードも短く済ませること も出来るかもしれません。 というわけでフィルター一覧です。あんまり把握出来てなかったのでこの機会に全部目を通して触ってみました。機能というか、どんな感じで要素を取得出来るか... 続きを読む