Javascript CSS动画在IE11上不起作用

我在Firefox和Chrome中运行的几个div上有一个鼠标悬停/鼠标出动画。然而，在IE中，它就是不起作用。有人知道为什么以前这样做吗

var实际值=1；
var大于等于0；
var over2=0；
函数scrollleft（）{
如果（实际==1）{
$（“#vidstrip”）。设置动画({
左：“-1060”
});
实际值=2；
返回；
}
如果（实际==2）{
$（“#vidstrip”）。设置动画({
左：“0”
});
实际值=1；
返回；
}
stopAllYT（）；
}
函数scrollright（）{
如果（实际==2）{
$（“#vidstrip”）。设置动画({
左：“+0”
});
实际值=1；
返回；
}
如果（实际==1）{
$（“#vidstrip”）。设置动画({
左：“-1060”
});
实际值=2；
返回；
}
stopAllYT（）；
}
元（“#vidstop”）。在({
“mouseenter”：函数（）{
overme（）；
}
});
元（“#vidstop”）。在({
“mouseleave”：函数（）{
outme（）；
}
});
//射出
函数outme（）{
如果（超过==1）{
$（“.leftnav”）.removeClass（“lnavchange”）；
$（“.rightnav”）.removeClass（“lnavchange2”）；
$（“.leftnav”）.toggleClass（“lnavout”）；
$（“.rightnav”）.toggleClass（“lnavout2”）；
大于等于0；
//警报（结束）；
//警报（结束）；
}
//警报（“鼠标出”）；
//在这里处理鼠标事件！
}
//射入
函数overme（）{
如果（超过==0）{
//删除旧类
$（“.leftnav”）.removeClass（“lnavout”）；
$（“.rightnav”）.removeClass（“lnavout2”）；
//添加类
$（“.leftnav”）.toggleClass（“lnavchange”）；
$（“.rightnav”）.toggleClass（“lnavchange2”）；
超过=1；
//警报（结束）；
}
}

#副标题{
字体系列：verdana；
文本对齐：居中；
字号：28px；
字体大小：粗体；
颜色：#000；
文本转换：大写；
}
#子副本{
字体系列：verdana；
文本对齐：居中；
字体大小：14px；
字体大小：正常；
颜色：#000；
文本转换：大写；
}
#提特莱{
字体系列：verdana；
文本对齐：居中；
字体大小：46px；
字体大小：粗体；
颜色：#000；
文本转换：大写；
}
标题下的人力资源{
背景：#bfbf；
宽度：150px；
边界：0；
高度：2倍；
保证金：0自动；
}
#子副本{
线高：21px；
字体大小：14px；
文本对齐：居中；
字体系列：verdana；
}
#分目{
线高：21px；
字体大小：粗体；
字体大小：22px；
文本对齐：居中；
字体系列：verdana；
}
#舞台{
文本对齐：居中；
宽度：1060px；
左边距：自动；
右边距：自动；
}
#幻灯片容器{
宽度：1060px；
溢出：隐藏；
保证金：0自动；
位置：相对位置；
}
#光触媒{
宽度：724px；
高度：407px；
溢出：隐藏；
浮动：左；
左边距：4倍；
}
#维德肖尔德{
宽度：2896px；
高度：407px；
位置：相对位置；
浮动：左；
}
维兹先生{
宽度：724px；
高度：407px；
浮动：左；
溢出：隐藏；
}
#rightpromos{
高度：407px；
宽度：208px；
位置：相对位置；
浮动：左；
左边距：8px；
}
#向右箭头{
高度：407px；
宽度：54px；
位置：相对位置；
浮动：左；
最高：50%；
底部：50%；
左边距：3倍；
光标：指针；
}
#左箭头{
高度：407px；
宽度：54px；
位置：相对位置；
浮动：左；
最高：50%；
底部：50%；
光标：指针；
}
.特色页面{
宽度：208px；
高度：133px；
字体系列：Verdana，日内瓦，无衬线；
字体大小：14px；
}
.传呼{
顶部：10px；
位置：相对位置；
高度：15px；
左边距：自动；
右边距：自动；
宽度：100px；
}
布顿先生{
浮动：左；
背景：#f0；
光标：指针；
宽度：15px；
高度：15px；
显示：块；
盒影：插入2px2p3pRGBA（0,0,0,0.35）；
边界半径：30px；
文字装饰：无！重要；
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
框大小：边框框；
缩放：1；
文本对齐：-webkit匹配父项；
列表样式：无；
文本对齐：居中；
}
.呼叫a.激活{
背景：#999！重要；
}
.a:悬停{
背景：#000！重要；
}
#第1行{
位置：相对位置；
宽度：1060px；
溢出：隐藏；
高度：440px；
}
#第2行{
位置：相对位置；
宽度：1060px；
溢出：隐藏；
高度：60px；
}
宣传片1{
高度：31px；
填充物：5px；
颜色：#fff；
背景色：rgba（52,52,52,0.85）；
位置：相对位置；
顶部：-41px；
字体系列：Verdana，日内瓦，无衬线；
}
#堆叠{
高度：114px；
宽度：1060px；
溢出：隐藏；
保证金：0自动；
位置：相对位置；
}
.edgeLoad-EDGE-1207420{
可见性：隐藏；
}
#主容器{
宽度：1060px；
高度：698px；
溢出：隐藏；
位置：相对位置；
}
#录像带{
高度：626px；
宽度：2120px；
位置：相对位置；
}
#维斯托普{
高度：626px；
宽度：1060px；
位置：相对位置；
溢出：隐藏；
z指数：0；
}
.他们{
位置：相对位置；
宽度：1060px；
浮动：左；
高度：596px；
}
.电视透视{
宽度：1060px；
字体系列：Verdana，日内瓦，无衬线；
颜色：#fff；
背景色：#999；
高度：30px；
文本对齐：居中；
垂直对齐：中间对齐；
垫面：4px；
}
#纳维斯{
z指数：9；
宽度：1060px；
高度：30px；
位置：相对位置；
}
.左导航{
位置：绝对位置；
顶部：300px；
左：-60px；
高度：54px；
宽度：54px；
背景色：#666；
z指数：1；
边界：#FFF；
边界：1px；
光标：指针；
}
.右导航{
位置：绝对位置；
顶部：300px；
右：-60px；
高度：54px；
宽度：54px；
背景色：#666；
z指数：1；
边界：#FFF；
边界：1px；
光标：指针；
}
pagingtop先生{
顶部：8px；
位置：相对位置；
高度：15px；
左边距：自动；
右边距：自动；
宽度：40px；
z指数：2；
}
P.布顿托普{
左边距：50%；
保证金权利：50%；
文本对齐：居中；
浮动：左；
背景：#f0；
光标：指针；
宽度：15px；
高度：15px；
显示：块；
盒影：插入2px2p3pRGBA（0,0,0,0.35）；
边界半径：30px；
文字装饰：无！重要；
保证金：0；
填充：0；
边界：0；
F