Question

jquery的想加个fadeIn，请问怎么加好呢

$(this).after("<div class='zoomdiv'><img class='bigimg' src='"+bigimage+"'/></div>"); 想在这个方法加载时候加个渐入的效果 ，在后面加.fadeIn(1000) 怎么不行呢

Answer 1

为了方便查看效果，这里加了一个按钮，代码如下：

jQuery Code:

$('#btnss').click(function(){

var bigimage = "http://img.baidu.com/img/logo-zhidao.gif";;

$('#btnss').after("<div class='zoomdiv' style='display:none'><img class='bigimg' src='"+bigimage+"'/></div>"); 

$('.zoomdiv').fadeIn('slow');

});

Html Code:

<input type="button" id="btnss" value="button" />

原理：fadeIn(speed, [callback]) 

通过不透明度的变化来实现所有匹配元素的淡入效果，并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。

所以，我们要先把class为zoomdiv的div设成：display:none，这样就可以通过不透明度的变化来实现所有匹配元素的淡入效果了。

附图一张，测试效果如下：

Answer 2

var div = $("<div class='zoomdiv' style='display:none;'><img class='bigimg' src='"+bigimage+"'/></div>");
$(this).after(div);
div.fadeIn(1000);

试试

Answer 3

试试
$("<div class='zoomdiv' style='none'><img class='bigimg' src='"+bigimage+"'/></div>").insertAfter($(this)).fadeIn(1000) ;