在一个div中，点击按钮后触发动画，动画效果是从div上方掉落几张图片下来

好的，针对您的问题，可以使用CSS3动画和JavaScript来实现。

首先，在CSS中定义图片的样式和动画，例如：

/* 图片样式 */
img {
    position: absolute;
    top: -100px; /* 初始位置在div上方 */
    left: 50%;
    transform: translateX(-50%);
}

/* 动画定义 */
@keyframes drop {
    0% {
        top: -100px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

接着，在JavaScript中监听按钮的点击事件，创建图片元素并添加到div中，同时添加动画类以触发动画效果：

var button = document.getElementById('button');
var div = document.getElementById('div');

button.addEventListener('click', function() {
    // 创建图片元素
    var img = document.createElement('img');
    img.src = 'image.png';

    // 添加到div中
    div.appendChild(img);

    // 添加动画类
    img.classList.add('drop');
});

这样，点击按钮后就会从div上方掉落几张图片下来了。