大佬教程收集整理的这篇文章主要介绍了淡入淡出文本循环 – jQuery,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
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/
此代码将适用于您拥有的任何数量的引号,而不仅仅是两个.如果您在引号后面有内容,您可能需要修正引号所在容器的大小,以便在从一个引用到下一个引用(导致其他页面内容跳转)时不会更改大小,.
以上是大佬教程为你收集整理的淡入淡出文本循环 – jQuery全部内容,希望文章能够帮你解决淡入淡出文本循环 – jQuery所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。