Clik here to view.
「smoothRollOver.js」について
前回、CSS、jsを使用したロールオーバーについて紹介しましたが、 今回はロールオーバーをカッコ良くするライブラリを紹介します。 ロールオーバーすると滑らかに画像が切り替わるライブラリ 透過PNGに対応したクロスフェードボタン「smoothRollOver.js」 これを利用すると、画像をロールオーバしたときにふんわりなめらかにon・off画像が切り替わってくれるんです。 しかも設定も簡単！...
View ArticleClik here to view.
jQuery mobileでiphoneぽい日時セレクト画面。
iphoneのアラームなどで時間を設定する時に出るアレ。 セレクト画面をくるくるっと動かせて、時間や日にちを選択する仕様。 あれって、jQuery mobileとかでできないのかなあー・・・と。 普通のセレクト画面をiphoneで見てもくるくる仕様にはなるのですが、月日を一緒にしたり、日時を一緒に選択するってできないですよね。...
View Article画像が選択できるセレクトボックス
IMAGESELECT 画像を選択できる、セレクトボックス。 そんなセレクトボックスが使える、ｊQueryのプラグイン。 デモ：http://www.sprouthead.com/sample/blog_test/page_jquery/20111007_select.html 使い方： まずこちらでダウンロード。 http://www.liam-galvin.co.uk/imageselect/...
View ArticleClik here to view.
jQuery Masonry をつかってみる。
高さが異なるボックスをきれいに並べる際、便利なプラグインです。 このようなデザイン、たまに見かけます。 cssではちょっと工夫が必要なレイアウトですが、この、「jQuery Masonry」を使うと、きれいに・簡単に出来るんです。 jQuery Masonry ちょっと見にくいかもしれませんがサンプルを・・・ サンプルページ ［使い方］ jQueryとjQuery.masonry.jsを読み込む...
View Article中身の量が違うボックスの高さを揃える
中身の量が違うボックスを指定するだけで、 そのボックスのheightを同じ高さに揃えられるというjsを紹介します。 equalbox.js サンプル http://myhedspace.com/blog/2011/06/25/equalbox-js/ divのボックスなどを並べたとき、 「高さを揃えたい・・・だけど、heightを指定したりはしたくないし・・・」ということありますよね。...
View Article「…続きを読む」で文章を省略させるプラグイン[ jTruncSubstr ]
スマートフォンサイトなどを作る上でも役に立つのではないかなと思います。 「…続きを読む」で文章を省略させるプラグイン [ jTruncSubstr ] 文章を省略させるプラグインはいくつかあるようですが、そのなかでも使いやすかったjTruncSubstrを紹介します。 「jTruncSubstr」 jTruncateがベースのプラグインのようです。...
View Article
