我试图以一定的间隔逐个淡入淡入淡出所有p标签内容,但是它不起作用。

这是我的代码:

的HTML

<html>  <body>  <p>1</p>  <p>2</p>  <p>3</p>  <p>4</p>  <p>5</p>  <p>6</p>  </body>  </html>  

脚本

$(document).ready(function () {  
     var len = $('#nav li').length,  cnt = 0;  
     $('#change').click(function ()  { 
         if (cnt < len)  { $('#nav li:eq('+cnt+')').css('color', '#F00');  cnt++;  } 
         else {  alert("all li text color changed!"); } 
     }); 
});

的CSS

html p {display:none;}

这是我的代码检查一下

===============>>#1 票数:1 已采纳

尝试以下功能:

(function fadeNext(jq){
    jq.eq(0).fadeIn("slow", function(){
        // you can also set a timeout here if you'd like
        (jq=jq.slice(1)).length && fadeNext(jq);
    });
})($('#content p'))

它基于这篇文章: http : //paulirish.com/2008/sequentially-chain-your-callbacks-in-jquery-two-ways/

  ask by Suresh Pattu translate from so

未解决问题?本站智能推荐:

2回复

jQuery悬停淡出p标签并淡入另一个

所以我在使它起作用方面遇到问题。 我有3个ID为#mod1,#mod2,#mod3的模块。 当您将鼠标悬停在这些标签上时,我希望它们淡出可见的P标签,然后淡入另一个标签。
2回复

使用jQuery淡入页面加载中的Web元素

尝试获取一个主要徽标,然后在进入此网页时淡入一个输入按钮。 除了将div排除在代码之后之外,还尝试了以下代码,但没有运气。 有任何想法吗? 先感谢您。 <!doctype html> <html> <head> <title>
3回复

逐渐淡入p标签

假设我有几个p标签: 它们的opacity:0 ,我想以350ms的延迟逐一淡入。 我该怎么做? 我所有的尝试 最终同时消失在所有p标签中。
2回复

时间间隔中的jQuery函数

我正在使用此jQuery代码为两个div设置动画,并且在页面加载时div已经存在。然后开始动画。 如何在页面加载时隐藏div,然后几秒钟后开始播放此动画。 这是我期望的过程 (页面加载->几秒钟后-> #float img加载->几秒钟后-> #floatb
2回复

jQuery中无限的时间间隔

我有一个跨度,我为弹跳元素编写了代码,但是我只能设置弹跳的时间间隔,但是如何设置无限/无限弹跳。 的HTML JS http://jsfiddle.net/RGvjj/164/
4回复

如何使用jQuery更新p的值(段落标签)

我想使用jquery在更改下拉菜单时更新P标签的值。 我使用jquery更改和获取价值的代码如下。 请提供一些解决方案,谢谢...
1回复

网格中的图像使用jquery或其他javascript在指定的时间间隔内更改

我正在尝试开发一个图像网格,使用jquery或任何其他javascript方法以指定的间隔随机更改一些图像。 请注意,我不需要同时更改所有图像。 与其他图像相比,一组图像可以在不同的时间间隔内改变。 图像被定位为父div的绝对位置,以便它可以淡入而另一个淡出,直到它到达最后一个阶段。
4回复

如何使用jQuery在页面加载时淡入div消息

我尝试在3秒钟后使用渐变和淡出页面加载页面时显示div消息,但是我的代码似乎无法正常工作,请帮忙吗? 我究竟做错了什么? HTML jQuery的
1回复

尝试使用jquery使内容在滚动时淡入

我希望页面内容在向下滚动时淡入,在向上滚动时淡出,我使用了网站说明( https://www.superhi.com/blog/how-to-add-web-design-elements-that -fade-in-and-out-on-scroll ),并尝试对其进行一些更改以适合我的项目,
2回复

使用jQuery插件逐页滚动

我正在寻找可以向下滚动页面的向下滚动功能。 我找到了此插件,但此插件正在使用页面部分进行页面滚动 http://www.smashingmagazine.com/2014/08/25/how-i-built-the-one-page-scroll-plugin/ 我想要一些可以