Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript。动画淡入/淡出不工作_Javascript_Animation - Fatal编程技术网

Javascript。动画淡入/淡出不工作

Javascript。动画淡入/淡出不工作,javascript,animation,Javascript,Animation,我的主页在我的帖子中有图像,根据本网站,我一直在使用以下javascript使我的图像在我鼠标悬停在上面时淡出,在我移开鼠标时淡入: <script type='text/javascript'> $(function() { $('.snips-image').hover(function() { $(this).find('img').animate({ opacity: 0 }, { queue: false,

我的主页在我的帖子中有图像,根据本网站,我一直在使用以下javascript使我的图像在我鼠标悬停在上面时淡出,在我移开鼠标时淡入:

<script type='text/javascript'>
$(function() {
$('.snips-image').hover(function() {
    $(this).find('img').animate({
        opacity: 0
    }, {    
        queue: false,
        duration: 400
    });
}, function() {
    $(this).find('img').animate({
        top: '0px',
        opacity: 1
    }, {
        queue: false,
        duration: 400
    });
});
})
</script>

它一直工作得很好,但今天我注意到javascript不再工作,动画也不见了;当我将鼠标移到这些图像上时,它们只是静止的。它们现在看起来像http://mermaidwithabook.blogspot。com/当您可以使用jQuery实现时,为什么要使用jQuery?javascript中存在语法错误。如果无法解析,则不会运行任何操作。使用firefox,查看开发者工具选项卡,你会看到错误——当前未关闭的parans。解决这个问题,我打赌你的鼠标淡出功能也会再次发挥作用!上面的脚本没有错误!它可以在我的系统和你的页面上运行,但前提是它包含在那里!在你的页面中的几十个脚本下面有一行。你的脚本在上面几行。在jquery之后包含它,一切都会好起来。@MartinErnst你是救命恩人!这完全奏效了。非常感谢你。