JQuery链接事件（.html）？

我试图实现一系列基于.html的链接事件

例如，我有一个H1中的“What”，在悬停时，我希望它依次更改为“Communicate”、“Effective”、“change”，然后循环-中间有一点延迟。在mouseout上，它需要返回到“What”

我可以做“沟通”的基本改变，回到“鼠标”上的“什么”——但是不能在中间延迟单词。 以下是我到目前为止的情况

$("h1.bleu").hover(
    function() { 
    $(this).html("Communicate");},
    function() { $(this).html("What");  
});

---

提前谢谢

我的解决方案与karim79的不同之处在于，当您将鼠标悬停在

H1

元素上时，它会循环遍历每个单词，而不是在每次连续鼠标悬停时进行更改

var values = ["Communicate","Effective","Change"];
var interval;
var index = 0;

$("h1#test").hover(
    function() {
        interval = setInterval(changeText, 500);
    },
    function() {
        clearInterval(interval);
        index = 0;
        $(this).text("What");
    }
);

function changeText() {
    $("h1#test").text(values[index]);
    index = (index < values.length) ? index + 1 : 0;
}

var值=[“沟通”、“有效”、“更改”]；
var区间；
var指数=0；
$（“h1测试”）。悬停(
函数（）{
间隔=设置间隔（changeText，500）；
},
函数（）{
间隔时间；
指数=0；
$（此）.text（“什么”）；
}
);
函数changeText（）{
$（“h1测试”）.text（值[索引]；
索引=（索引<值.长度）？索引+1:0；
}