0

ホバー時に画像を変更しようとしていますが、かなり簡単なはずですが、何らかの理由で画像が変更されず、一種のけいれんがあることに気付きました。

jQuery:

$('#first_default_circle').hover(
    function () {
        $(this).find('.default').hide();
        $('#first_default_circle_hover.default_hover').show();
    },
    function () {
        $('#first_default_circle_hover.default_hover').hide();
        $(this).find('.default').show();
    });

CSS:

.default {
     height: 86px;
     left: 280px;
     top: 50px;
     width: 86px;
 }
 img {
     position: absolute;
     background:#000;
 }
 .default_hover {
     display: none;
     height: 119px;
     left: 261px;
     top: 40px;
     width: 119px;
 }

Jsfiddle : http://jsfiddle.net/squidraj/Z6rNF/

どんな種類の助けでも大歓迎です。よろしくお願いします。

4

4 に答える 4

0 
$('#first_default_circle').mouseenter(function(){
$('#first_default_circle').find('img').attr("src","http://www.demo-pinksquid.co.uk/img/rewarding_icon_private_medical_insurance_ho.png");
});

$('#first_default_circle').mouseleave(function(){
$('#first_default_circle').find('img').attr("src","http://www.demo-pinksquid.co.uk/img/rewarding_icon_private_medical_insurance.png");
});

jqueryスクリプトの代わりにこのように使用できます

更新されたリンクhttp://jsfiddle.net/Z6rNF/3/

于 2013-08-27T14:57:28.470 に答える
0

セレクターが正しくありません:

$('#first_default_circle_hover.default_hover')

次のようにする必要があります。

$('#first_default_circle_hover .default_hover')

また、CSS を少しクリーンアップしました。

実際のデモ: http://jsfiddle.net/Z6rNF/1/

于 2013-08-27T14:58:31.390 に答える