複数のセレクタが同じイベントを発生するときは - by shigemk2
下記はクリックしたらスライドのイベントが発生する。 ちょっとコードが重複しててめんどくさいね。 $('div.sukeroku h2').click(function() { $(this).next().slideToggle('fast'); }); $('div.sayaka h2').click(function() { $(this).next().slideToggle('fast'); }); こういう風に書きかえることが出来るよ。 しかも、別々にイベントが発生するから、 片方クリックしたら両方スライドしちゃったってことはないよ。 $('div.sukeroku h2, ' + 'div.sayaka h2' ).click(function() { $(this).next().slideToggle('fast'); });
KrSlider - Easy jQuery content slider
KrSlider is a image slider of jQuery plugin. Easy to use and very simple settings. License is GPL2. KrSlider can be used freely by anyone. <div id="slider" class="krslider"> <a href="http://google.co.jp" title="You can display caption here."><img src="http://xxx.jpg" /></a> <img src="http://xxx.jpg" title="example" /> <img src="http://xxx.jpg" /> </div> jQuery( function( $ ) { $( '#slider' ).krsli
横長に降りるドロップダウンメニュー - かちびと.net
Result jQuery $(document).ready(function() { //ホバーイベント $("ul#topnav li").hover(function() { //背景カラーを与える $(this).css({ 'background': '#eee' }); //li要素からspan要素を探して表示する $(this).find("span").show(); }, function() { //マウスが外れたら非表示に戻す $(this).css({ 'background': 'none' }); $(this).find("span").hide(); }); }); css ul#topnav { margin-bottom: 50px; padding: 0; float: left; width: 700px; list-style: none; po
jQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します（2012/01/11頃まで）。 このエントリーで紹介する情報は2011年12月のものです。 １．ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Codrops | Useful resources and inspiration for creative minds
