我有一个图像,我想在页面加载后调整大小以适应其父级(可能使用少量动画)然后模糊。有什么提示吗?
谢谢!
→
答案 0 :(得分:1)
var img = $('.anImage'),
offset = img.offset();
// position image absolutely in the same position to allow it to expand
img.css({
position: "absolute",
top: offset.top,
left: offset.left,
zIndex: 100
})
// animate expansion
.animate({
top: 0,
left: 0,
width: img.parent().width(),
height: img.parent().height()
}, "fast")
// fadeout
.fadeOut("fast");
唯一的要求是将父元素留给position: relative
。