ロールオーバーで半透明の背景と文字がでるやつ - jsdo.it - Share JavaScript, HTML5 and CSS
$(function(){ $(".photo").hover( function(){ jQuery(this).children("h2").slideDown("fast"); }, function(){ jQuery(this).children("h2").slideUp("fast"); } ); }); <h1>ロールオーバー</h1> <div class="photo"> <h2><a href="#">タイトル</a></h2> <img src="http://jsdo-it-static-contents.s3.amazonaws.com/images/icon/f/c/2/5/fc25e9ba818cbfc92471e5d1177388f21fa3844d_100.jpg" alt="" /> </div> <div class="photo"> <h2><a
ソースがシンプルなJSによるロールオーバー｜CSS HappyLife
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。（あ、音声ブラウザを配慮したらという場合です） さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
