解决方法
你可以这样做:
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/
此代码将适用于您拥有的任何数量的引号,而不仅仅是两个.如果您在引号后面有内容,您可能需要修正引号所在容器的大小,以便在从一个引用到下一个引用(导致其他页面内容跳转)时不会更改大小,.
原文地址:https://www.jb51.cc/jquery/179667.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。