【jQuery直書き】ホバー時の別画像フェード切替え、別の位置との連動した画像切替え - Qiita

.sample{ background: url("images/sample_off.png"); width: 178px; height: 178px; transition: all 0.4s; } .sample:hover{ background: url("images/sample_on.png"); }

[z1a2nh]

“$(function(){ $('.sample').find('img').each( function(){ var onImage = $(this).attr('src').replace('_off', '_on'); this.onHtml = $('<img src="' + onImage + '" style="position:absolute; opacity:0;" />'); $(this).before(this.onHtml); $(this.onHtml).hover( function(){ $(this).stop().animate({'opacit

[lod612]

使える