0

この JavaScript の部分を永続的な背景にするのではなく、ホバー時にのみ変更したいと思います。

<script type="text/javascript">
$(function () {
    $('ul.slideshow-menu').find('a').fadeTo('slow', 1);
    $('ul.slideshow-menu').find('a').hover(function () {
        $(this).fadeTo('fast', 1);
        $('.pikachoose').css({
            'background-image': 'url(' + $(this).attr('src') + ')'
        });
    }, function () {
        $(this).fadeTo('slow', 1);
    });
});
</script>

現在、「a href」タグで設定した画像を探し、この URL をクラス「.pikachoose」に取得して、背景画像を置き換えます。これをHOVERでのみ実行したいのですが、何もホバーされていないときは元の背景画像に戻ります。

誰でもアイデアはありますか？

4

4 に答える 4

1

2 番目の関数では、pikachoose css を元の URL ファイルに戻すだけです。

$('ul.slideshow-menu').find('a').hover(function(){
  $(this).fadeTo('fast', 1);
  $('.pikachoose').css({ 'background-image' : 'url('+$(this).attr('src')+')' });
}, function(){
$(this).fadeTo('slow', 1);
$('.pikachoose').css({ 'background-image' : 'url(youroriginalurl)' });
});
于 2013-07-17T12:24:45.657 に答える
0 
$('.pikachoose').css({ 'background-image' : 'url(/'+$(this).attr('src')+')' });
于 2013-07-17T12:23:46.347 に答える
0

これを試して

 $(document).ready(function () {
        $(".a").on("mouseover", function () { this.style.backgroundImage = url('new image url'); });
        $(".a").on("mouseout", function () { this.style.backgroundImage = url('default image url'); });
    });

HTML

 <div class="a" style="width: 100px; border: 1px solid black;">
    Hello, i am div1
</div>
<div class="a" style="width: 100px; border: 1px solid black;">
    Hiii i am div2
</div>
于 2013-07-17T12:44:01.600 に答える