淡入，淡出不起作用

我试图让这个工作。淡入，淡出不起作用

$('#disclaimer').fadeIn('fast').delay(1000).fadeOut('fast');

从http://jsfiddle.net/SUBnz/1/。

这是我的代码

<style> 
 

 
#disclaimer{ 
 
\t width: 100%; 
 
\t height: 75px; 
 
\t margin-top: 0px !important; 
 
\t position: fixed; 
 
\t float: left; 
 
\t bottom: 0 !important; 
 
\t  z-index:3; 
 
\t overflow: hidden; 
 
\t display: none; 
 
\t background: #fff; 
 
\t font-weight: normal !important; 
 
\t border-top: 0px solid black; 
 
} 
 

 
#disclaimer p{ 
 
\t font: 1.1em "Futura",Helvetica,Arial,sans-serif; 
 
\t width: 100%; 
 
\t padding-top: 30px; 
 
    margin: 0 auto; 
 
    font-weight: normal !important; 
 
\t line-height: 100%; 
 
\t text-align: center !important; 
 
    -webkit-transition-property: font-size; 
 
\t -moz-transition-property: font-size; 
 
\t transition-property: font-size; 
 
\t -webkit-transition-duration: 0.5s, 0.5s; 
 
\t -moz-transition-duration: 0.5s, 0.5s; 
 
\t transition-duration: 0.5s, 0.5s; 
 
\t -webkit-transition-timing function: linear, ease-in; 
 
\t -moz-transition-timing function: linear, ease-in; 
 
\t transition-timing function: linear, ease-in; 
 
\t margin-bottom: 10px; 
 
} 
 

 
#disclaimer a{ 
 
\t text-decoration: none; 
 
\t padding-right: 18px; 
 
\t padding-left: 18px; 
 
} 
 
</style> 
 

 
<div id="disclaimer"> 
 
<p> 
 
    Text 
 
</p> 
 
</div>

与http://www.adress.com/在页脚过的脚本（页IM工作）。尽管如此，它没有明显的效果。任何人有任何想法为什么？谢谢！

来源

2016-08-05 user3735498

你没有触发它。点击时你想让它发生吗？当你滚动？当它进入视野？请扩大您的问题。 –

我希望#disclaimer在您进入网站时淡入，然后像http://jsfiddle.net/SUBnz/1/一样淡出。 – user3735498

与slow试试吧，你会看到的视觉效果

$('#overlay').fadeIn('slow').delay(1000).fadeOut('slow');

来源

2016-08-05 13:15:02

试过。依然没有。如果您现在进入该网站，它会变慢。 – user3735498

固定。谢谢你的帮助！ – user3735498

从#disclaimer

来源

2016-08-05 13:15:05 Jaimin

在http://jsfiddle.net/SUBnz/1/ display：none;用来。现在我删除了显示：无。但是div随时都会出现（脚本不会淡出）。 – user3735498

固定。谢谢你的帮助！ – user3735498

虽然此代码片段可能会解决问题，但[包括解释]（// meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers）确实有助于提高帖子的质量。请记住，您将来会为读者回答问题，而这些人可能不知道您的代码建议的原因。也请尽量不要使用解释性注释来挤占代码，因为这会降低代码和解释的可读性！ – FrankerZ

删除display: none;你的网站显示在控制台JS错误Uncaught TypeError: $ is not a function（永远值得检查），所以你是不正确包括JQuery。

要么从CDN中包含它，要么将其包含在服务器上。

要从CDN包括你的脚本之前有这样的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

https://developers.google.com/speed/libraries/#jquery

来源

2016-08-05 13:15:39 DBS

嗯，你是对的，你正在使用看起来是JQuery的一个非常旧的版本，以及JQuery迁移插件。我仍然会建议这是一个新的网站，升级到最新的JQuery可能是解决方案（并删除重复的旧版本） – DBS

你有很多错误的在您的网页，看看控制台。

我看到你调用jQuery 1.11，jQuery 1.12和migrate插件，尝试一次调用它。

就像现在使用jQuery的代替的$，应该可行，但修复它

jQuery('#disclaimer').fadeIn('fast').delay(1000).fadeOut('fast');

来源

2016-08-05 13:18:54 Vixed

我们走了。非常感谢你的帮助。欢迎使用 – user3735498

@ user3735498;） – Vixed

淡入，淡出不起作用

回答

相关问题