解决方法
你可以这样做:
CSS:
.quotes {display: none;}
HTML:
<h2 class="quotes">first quote</h2> <h2 class="quotes">second quote</h2>
使用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/
此代码将适用于您拥有的任何数量的引号,而不仅仅是两个.如果您在引号后面有内容,您可能需要修正引号所在容器的大小,以便在从一个引用到下一个引用(导致其他页面内容跳转)时不会更改大小,.