Question

我想要隐藏图像，当图像隐藏时，我希望它隐藏有淡出效果

我在jsfiddle中使用了此代码，但它无效

<button id="btn">Click me</button>

<img id="img" src="http://www.darbarg.com/Magazine/Picture/journal-29705363/4.jpg" width="300" heght="300"/>



$('#btn').click(function(){
    $('#img').css('display','none').fadeOut('slow')
})

Answer 1

你用css（）设置它是不可见的，然后淡出！

$('#btn').click(function(){
    $('#img').fadeOut('slow')
})

JSFiddle： http://jsfiddle.net/TrueBlueAussie/nm36s05u/3/

另请注意：您的JSFiddle 不包含了jQuery（JSFiddle左侧面板上有选项）。

Answer 2

删除代码中的.css()，快速隐藏img标记，以便充分使用.fadeOut()功能

$('#btn').click(function(){
    $('#img').fadeOut('slow');
});

Fiddle

用jquery fadeout隐藏图像

2 个答案: