基本的jQuery动画:Elipsis(三个点顺序出现)

我需要的:

我需要一个动画的elipisis(…),一个点出现在另一个之后.动画需要循环播放.我想通过jQuery实现这一目标

动画序列:

第1帧:等待您的选择

第2帧:等待您的选择.

第3帧:等待您的选择..

第4帧:等待您的选择……

我尝试过的:

我一直在研究plugin to blink textpulsate .effect().

我的问题:

有没有人对最简单,最可靠的方法有任何建议?我很乐意被指出一种技术或功能.

解决方法

如果你只需要一个一个地出现一个点,尝试一些非常简单的东西,如下所示:

<div id="message">Awaiting your selection</div>​

var dots = 0;

$(document).ready(function() {
    setInterval (type,600);
});

function type() {
    if(dots < 3) {
        $('#message').append('.');
        dots++;
    }
}​

http://jsfiddle.net/fVACg/

如果您希望它们出现多次(要删除然后重新打印),您可以执行以下操作:

<div>Awaiting your selection<span id="dots"></span></div>​

var dots = 0;

$(document).ready(function() {
    setInterval (type,600);
});

function type() {
    if(dots < 3) {
        $('#dots').append('.');
        dots++;
    } else {
        $('#dots').html('');
        dots = 0;
    }
}​

http://jsfiddle.net/wdVh8/

最后,结账时我几年前写过tutorial.你可能会发现它很有用.

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...