【问题标题】:where to put jquery codes in blogger将jquery代码放在blogger的哪里
【发布时间】:2016-06-11 16:09:16
【问题描述】:

在之前发布的问题中,我得到了可以解决我的问题的正确代码:How do I get an image to fade in and out on a scroll using jQuery?

var divs = $('.banner');
$(window).scroll(function(){
if($(window).scrollTop()<10){
  divs.stop(true, true).fadeIn(5000);
} else {
   divs.stop(true, true).fadeOut(5000);}
});  

现在我无法理解如何在博客中实现此代码。

【问题讨论】:

  • 第一:你有什么问题?第二:问题出在哪里?
  • 我想隐藏一个 div,当滚动到某个点时说从顶部 500 像素,越过该点后它可能会再次可见。
  • 这是链接,我在这里找到了答案*.com/questions/17928132/…

标签: javascript jquery html blogger


【解决方案1】:

如果您没有 jQuery,请首先在您的 &lt;head&gt; 中包含它(这是强制性的,否则您将无法使用任何 jQuery 代码)。

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'></script>

然后将此代码粘贴到您的&lt;body&gt; &lt;script&gt; 标记之间

<script type="text/javascript">
var divs = $('.banner');
$(window).scroll(function(){
if($(window).scrollTop()<10){
  divs.stop(true, true).fadeIn(5000);
} else {
   divs.stop(true, true).fadeOut(5000);}
});  
</script>

【讨论】:

  • 很高兴知道它的工作原理。请检查正确答案。