当鼠标悬停到div选择器时我想将背景图像带到jquery中的div

时间:2015-10-31 05:15:33

标签: jquery

鼠标悬停到div选择器时我想将背景图像带到jquery中的div。在这里,我在锚标签面临问题。在锚标签中我调用了image.so当我将鼠标移到img属性时,jquery图像不可见,如果我给出文本,则jquery将背景图像带到div.You可以看到我的代码

Here is my html:
<div class="productnew">
<a href="#"><img src="img/dynamic/girlsproduct-01.png" ></a>
</div><!--end of productnew--> 

Here is my jquery:
$(function()
{
$('.productnew').hover(function(){
//alert('ok');
$('.productnew').css('background-image','url("img/dynamic/boysproducts-01.png") no-repeat');
});
});

1 个答案:

答案 0 :(得分:1)

试一试:根据以下内容更改您的jquery代码......可能对您有所帮助

$(function()
    {
            $('.productnew').mouseover(function () {
                    //alert('ok');
                    $('.productnew a img').attr('src', 'img/dynamic/boysproducts-01.png');
                });
                $('.productnew').mouseout(function () {
                    //alert('ok');
                    $('.productnew a img').attr('src', 'img/dynamic/girlsproduct-01.png');
                });
    });