使用JQuery在表单中循环占位符文本?

前端之家收集整理的这篇文章主要介绍了使用JQuery在表单中循环占位符文本?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我对JQuery很新,所以我不知道从哪里开始解决这个问题.

我在网站上有一个表格,我希望暂时显示各种占位符并循环浏览它们(模仿用户可以在那里输入的多个选项;例如Alice,Bob,Charles等用于NAME表单输入)点击输入自己的文字.

我发现这个例子 – http://jsfiddle.net/eFjnU/(下面的代码) – 循环文本,但是如何将它应用于表单输入区域中的临时占位符?

HTML

JQuery的

var divs = $('div[id^="content-"]').hide(),i = 0;

(function cycle() { 

    divs.eq(i).fadeIn(400)
              .delay(1000)
              .fadeOut(400,cycle);

    i = ++i % divs.length;

})();

您可以将上面的div更改为输入,但这将循环整个输入框,我只希望占位符文本淡入/淡出.

编辑1:

例如:

最佳答案
您无法为占位符文本设置动画,但您可以创建一个定期更改属性函数

Demo fiddle

var placeholders = ['Alice','Bob','Charles'];

(function cycle() { 
    var placeholder = placeholders.shift();
    $('input').attr('placeholder',placeholder);
    placeholders.push(placeholder);
    setTimeout(cycle,1000);
})();

这基本上是你想要的减去fadeIn / fadeOut

原文链接:https://www.f2er.com/jquery/428230.html

猜你在找的jQuery相关文章