Shadows」twitterfacebookhatenagooglepocket時間に応じてコンテンツを変えるなんてのが昔ありましたが、昨今も時間やデータに応じて表示するものを変えていくというのは見直しつつあります。jQueryプラグインの「Gigacore/four-shadows」を利用するとアイコン画像などを時間に応じて切り替えさせることが可能です。GitHubからファイル一式をダウンロード。下記を</body>上にでも記述します。src="fourshadows.js"></script>また画像の「icons」ディレクトリをアップしたパスをfourshadows.jsのiconsPathに記載しします。あとは以下のように対象画像を用意すれば完成です。data-icon="mail.png"></div>mail.pngは/icons/ディレクトリにアップしてある必要があります。サンプルの画像を見てもわかりますが、スプライトさせた画像を時間に応じて切り替えるのみですので、考え方次第では応用が効きそうです。別ブログで展開しているWEBサイトで使えるかもしれない心理学シリーズの概要をまとめて...アニメーションgifを効果的に使ったサイトやHTMLメール。