クリックで開閉するスライドパネル
Result jQuery$(document).ready(function(){ //クリックイベント $('.head').click(function(){ //class="row"をスライドで表示/非表示する $(this).next('.row').stop(true, true).slideToggle(); }); });html<div class="head">Panel 1 </div> <div class="row"> <div>Panel 1 sample</div> <div>Panel 1 sample</div> <div>Panel 1 sample</div> </div> <div class="head"> Panel 2</div> <div class="row"> <div>Panel 2 sample</div> <div>Panel 2
マウスオーバーでテキストにふんわりとエフェクトをかけることができるjQueryプラグイン「jQuery Glow」 – bl6.jp
ちょっとしたアクセントによさげなjQueryプラグイン「jQuery Glow」を使ってみました。マウスオーバーするとテキストにふんわりとエフェクトをかけることができます。オプションでテキストや光の色、エフェクトが動くスピードなども自分で調整することができます。ということで、以下、使い方です。 [ads_center] 使い方 jQueryとダウンロードしたプラグインを読み込みます。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> <script type="text/javascript" src="jquery.color.js"></script> <script type="text/jav
文字を光らせるGlowイフェクトをJavaScriptで·jQuery Glow MOONGIFT
ユーザに何かのアクションを起こさせようとする時にマウスオーバーでボタンを点滅させたり、色を変えるようなアクションを行うことがある。文字の色を変えるくらいなら簡単だが、ボタンを作成したりするのは面倒に感じてしまう。 光り輝く文字は相当目立つ だがユーザビリティを高くするには必要なことだ。開発者にとって楽で、かつユーザにとっても使いやすいサービスを目指してjQuery Glowを使ってみよう。 今回紹介するオープンソース・ソフトウェアはjQuery Glow、GlowイフェクトをJavaScriptで実現するjQueryプラグインだ。 Glowイフェクトとは文字の背後から光を当てて周囲が輝くようなイフェクトのことだ。jQuery Glowを使うとJavaScriptだけで実現できる。マウスオーバーした際に使えば、目立たせることができ、クリックを促せるようになるだろう。 こちらは緑 色は自由に設
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - nakajima/jquery-glow: Make your elements glow. Ooooh.
