淡入淡出文本循环 – jQuery
我有两个用H2标签包装的引号，我希望使用jQuery淡入淡出。 当页面加载时，我希望第一个引用淡入，延迟几秒并淡出，然后下一个引用做同样的事情。 我希望它继续循环这两个引号。 任何帮助将不胜感激。
你可以这样做：
CSS：
.quotes {display: none;} HTML：
first quote
second quote
使用Javascript：
// code gets installed at the end of the body (after all other HTML) (function() { var quotes = $(".quotes"); var quoteIndex = -1; function showNextQuote() { ++quoteIndex; quotes.eq(quoteIndex % quotes.length) .fadeIn(2000) .delay(2000) .fadeOut(2000, showNextQuote); } showNextQuote(); })();
工作演示： http ： //jsfiddle.net/jfriend00/n4mKw/
此代码适用于您拥有的任何数量的引号，而不仅仅是两个。 如果您在引号后面有内容，则可能需要修改引号所在容器的大小，以便在从一个引号转到下一个引号时不会改变大小（导致其他页面内容跳转） 。
这是使上述脚本工作所需的内容。 首先，您需要引用适当的JQuery Framework，因此在部分或标记的末尾添加此脚本标记，在所有其他元素之后：
然后必须在上述标记之后加载主JavaScript：