今年になって仕事でPowePointを使う機会が増えまして、今までまったく使ったことがないので、どのようにすれば見栄えがよくなるのか色々と調べてみました。 久々の投稿なのにブログの本筋から外れた内容になりますが、調べるなかで役に立ったものと、個人的な感じることを書いてみます。
どうやら jQuery で $("a:hover") って使えなくて、代わりに $("a").hover( function(){ /* mouse enter の処理 */ $(this).css("background-color", "#ffaaaa"); }, function(){ /* mouse leave の処理 */ $(this).css("background-color", "#ffffff"); } ); と書くのだそうだ。 やりたいこと メニュー部分のリンクの背景色を クリックところは背景を赤っぽく カーソルがないときは白 カーソルが乗ったらグレー のようにしたい。 そもそも CSS ファイルでかけないのか 最初にやってみたこと CSS には a { background-color: #ffffff; } a:hover { background-color:
昨今のブラウザ事情では、style 要素の動的な適用が手軽になったものの IE8 以下にも対応させるには IE の独自メソッドが必要になったりと煩わしさが残る。ということでクロスブラウザで style 要素の動的な追加/削除が簡単にできる jQuery プラグインを作ってみた。 こんな感じで利用できる。 var cssText = 'body{color:red} h1{color:blue}'; //style の追加 var style = $.appendStyle(cssText); //style の削除 style.removeStyle(); Demo 実装方法については style の適用はほぼ前回のエントリに書いたまんまの実装。 削除も style 要素を remove() するのみだが、IE8 以下については createStyleSheet() で生成されたオブジェク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く