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

发布网友发布时间：2022-04-23 21:32

共3个回答

热心网友时间：2022-04-23 23:02

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

jQuery Code:

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

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

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

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

});

Html Code:

原理：fadeIn(speed, [callback])

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

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

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

热心网友时间：2022-04-24 00:20

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

试试

热心网友时间：2022-04-24 01:54

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