0

マウスオーバーで2つの異なる画像を表示する画像ボタンを作成しました。

私の問題は、ホバーするとフリックすることです。ホバーしたときにスムーズに移行するようにするにはどうすればよいですか。

これは私の現在のコードがどのように見えるかです：

<style>
.test{
width:620px;
height:55px;
background: url(1.jpg);
text-indent: -9999px
}

.test:hover{
background: url(2.jpg);
cursor: hand;
cursor: pointer;
}
</style>

<p class="test"><a href="#">TEST ONLY</a>

問題を示すライブデモの下：

http://magestimate.com/csstest/

4

2 に答える 2

0

2.jpg がまだ読み込まれておらず、サーバーがそれほど高速ではないことに関係していると思います。

これをHTMLに追加してみてください

<img src="2.jpg" alt="" style="display:none" />
于 2012-12-05T11:51:14.473 に答える
0

画像がオンデマンドで読み込まれないことだけを確認したい場合は、すべての画像のプリローダーを追加するだけです...

これを body タグに追加する必要があります。

元。

<body onload="MM_preloadImages('images/x.png' 'images/y.png')">

</body>

など。

素晴らしいアンドレアウト!!

http://www.awesomeandre.tk

于 2012-12-05T16:11:59.670 に答える