Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 スライドのアニメーションがとても滑らか・ちらつかない ボタンの反応にストレスを感じない メイ
jQuery：hoverで背景色が変わった後、交互に背景がついているところの色を元に戻す方法
マウスを乗せると横の行の色が変わるようになっています。 そしてマウスがはなれると、元の色に戻るというもの。 CSSでやるならとってもシンプルなことですよね。 失敗した時のスクリプト $('#test1 tr').hover(function(){ var bgColor = $(this).css('backgroundColor'); $(this).css({ backgroundColor:'#ff47a3', color:'#ffffff' }); },function(){ $(this).css({ backgroundColor:bgColor, color:'#333333' }); }); これを動作させようとするとマウスががoutしたとき、 背景色がホバーの時のままで変わらなくなってしまいます。 エラーになってしまうのです。 あたまの中での仕組みとしては、 マウスがho
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
GridViewで固定のヘッダーを作成する方法
