我有下一个iframe：
<iframe class="container" id="Visualizar"></iframe>
并且我希望他在活动DragOver处于活动状态时执行动画，动画已经在使用此div：
<div class="container" id="Visualizar"></div>
但是当我对iframe的更改停止工作时，我已经检查了代码并尝试修复。
下一个代码是JS，它将动画添加到事件中：
设置变量
var container;
var one;
var two;
var three;
var four;
var signal;
我创建了在加载时启动的功能
window.onload=function(){
我得到了具有类＆＃39;容器＆＃39;的元素。
container = document.querySelector('.container');
//var container = document.getElementById(Visualizar);
我将事件添加到元素
container.addEventListener('dragover',sobre,false);
container.addEventListener('dragleave',fuera,false);
container.addEventListener('drop',soltar,false);
};
在这里我添加和删除课程＆＃39; over＆＃39;在CSS上制作动画
function sobre(e){
e.preventDefault();
this.classList.add('over');
}
function fuera(e){
e.preventDefault();
this.classList.remove('over');
}
function soltar(e){
e.preventDefault();
this.classList.remove('over');
}
这是一个产生效果的CSS：
.over{
box-shadow:0px 0px 10px 3px rgba(0,0,0,0.5);
transform: scale(1.04);
}