大佬教程收集整理的这篇文章主要介绍了javascript – 使用jquery在数组的范围内定期更改文本,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<p>Here is a sentence <span id="rotate">this</span> is what changes</p>
并且我希望该范围的内容在术语列表之间每隔几分钟改变一次,因此内容可能会变为:
<span id="rotate">then</span> <span id="rotate">thus</span>
等等.我希望文本淡出然后新文本淡入.
什么是通过jquery做到这一点的最好方法?
.data()
旋转的元素上以支持多个位置:
var terms = ["term 1","term 2","term 3"]; //array of terms to rotate function rotateTerm() { var ct = $("#rotate").data("term") || 0; $("#rotate").data("term",ct == terms.length -1 ? 0 : ct + 1).text(terms[ct]) .fadeIn().delay(2000).fadeOut(200,rotateTerm); } $(rotateTerm); //start it on document.ready
这会消失第一个任期,等待2秒,淡出,更改文本并重复….只需将值调整为您想要的值:)
以上是大佬教程为你收集整理的javascript – 使用jquery在数组的范围内定期更改文本全部内容,希望文章能够帮你解决javascript – 使用jquery在数组的范围内定期更改文本所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。