1
私はオンラインで見つかったスクリプトを逆にしてコーディングしましたが、うまくいきました。唯一の問題はホバーの動作が完全な可視性でロードされることです。これはスクリプトです:あなたがここでのサンプルを表示することができますpngとjqueryを使用してロールオーバーを行うにはどうすればよいですか?
<div class="fadehover">
<a href=""><img src="portfolio_a.png" alt="" class="a" />
<img src="portfolio_b.png" alt="" class="b" /></a>
</div>
:http://www.kaimeramedia.com/derek/Website/test.html
を<style>
div.fadehover {
position: relative;
}
img.b {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
img.a {
position: absolute;
left: 0;
top: 0;
}
</style>
そして、これは、身体のコードです:
$(document).ready(function()
{
$("img.b").hover(
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
});
});
</script>
これは、CSSファイルです
http://jsfiddle.net/jasper/CyJXD/は、私はちょうどどこコード内のスクリプトにそれを知らなかった、私はそれが可視性の問題を知っていた...ありがとう:ここ
は、上記溶液のjsfiddleです。 –