在jQuery

Question

我有一个文本数组，我想迭代并在jQuery中调用fadeIn和fadeOut函数。

var hellos = ["hi, i'm", "bonjour, je m'appelle", "hallo, ich heiße"]

html代码看起来像这样：

<h2><span id="hellos"></span>Ch1maera</h2>

理想情况下，在我的网站的首页上，它会读取类似“hi，我是ch1maera”的内容，然后循环浏览不同的hellos，将它们淡入然后淡出它们，同时在屏幕上留下“ch1maera” 。如果可能的话，我想将“ch1maera”从hellos中隔离出来，这样它就会停留在同一个地方并且不会移动，具体取决于列表中hellos的长度，如果这有意义的话。怎么会这样做？

Answer 1

您可以将 <?xml version="1.0" encoding="utf-8" ?> <project name="test" default="compile"> <target name="compile"> <javac srcdir="src" destdir="classes" encoding="iso-8859-1" debug="true" /> </target> </project> 的{​​{1}}设置为text-align，以便h2不会因为他而感动。

＆＃13;

＆＃13;

right

＆＃13;

Ch1maera

＆＃13;

var hellos = ["hi, i'm", "bonjour, je m'appelle", "hallo, ich heiße"];
var index = 0;                                // index of the currently displayed hello
$("#hellos").text(hellos[0]);                 // start by showing a hello

(function animate() {                         // the function responsibe for the animation
  $("#hellos").fadeOut(1000, function() {     // first fadeOut #hellos
    index = (index + 1) % hellos.length;      // when fadeOut complete, increment the index (check if go beyond the length of the array)
    this.textContent = hellos[index];         // change text accordingly
  }).fadeIn(1000, animate);                   // then fadeIn. When fadeIn finishes, call animate again
})();

＆＃13;

＆＃13;

＆＃13;