微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

基本的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.你可能会发现它很有用.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐