基本 jQuery 动画:省略号(三个点依次出现)

2024-06-02

我需要的:

我需要一个动画省略号 (...),一个点一个接一个地出现。动画需要循环播放。我想通过 jQuery 实现这一点

动画序列:

Frame 1:等待您的选择

Frame 2:等待您的选择。

Frame 3:等待您的选择..

Frame 4:等待您的选择...

我尝试过的:

我一直在研究一个闪烁文本插件 http://archive.plugins.jquery.com/project/blink脉动.effect() http://jqueryui.com/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/ 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/ http://jsfiddle.net/wdVh8/

最后,结账tutorial http://burnmind.com/howto/how-to-create-a-typing-effect-an-eraser-effect-and-a-blinking-cursor-using-jquery我几年前就写过。您可能会发现它很有用。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

基本 jQuery 动画:省略号(三个点依次出现) 的相关文章

  • jquery getJSON 跨域问题

    使用 JQuerys getJSON 从另一个域拉入 JSON 文件时 我似乎无法使该文件正常工作 我已经将回调部分放在了 url 的末尾 但仍然没有任何乐趣 Firebug 告诉我这是一个跨域问题 这似乎是有道理的 就好像我将 json
  • 使用 Javascript 或 jQuery 按第一列快速对表格进行排序

    我有一个动态填充的表FullCalendar 问题是FullCalendar不关心其原始顺序 该表如下所示 table thead tr th th th Date th th hours th tr thead tbody tr td c
  • 如何使用 JQuery 获取 Json 记录总数?

    我找不到任何有关使用 jQuery 获取 JSON 记录总数的信息 这是返回的 JSON Email Please enter your Email Password Please enter a password 这是我的代码 funct
  • AppCache清单错误

    Edit 我不得不删除一些链接 我的清单页面似乎导致我的网页出现错误 当您第一次访问该页面时 所有内容似乎都已成功缓存 但刷新后无法获取存在的文件 我在这里制作了一个快速测试页面来查看 这是我的清单文件 这是一个由 php 和 javasc
  • 单击传单弹出窗口内的链接并执行 Javascript

    我已经准备好了一份传单地图并正在运行 它在地图上覆盖一系列多边形 通过 GeoJSON 并将弹出窗口附加到每个多边形 每个弹出窗口都显示有关该多边形的信息 我想在弹出窗口内有一个链接 单击该链接时 会运行一个 javascript 函数 该
  • jQuery 相当于 YUI StyleSheet Utility?

    jQuery 或其插件之一 是否具有与YUI 样式表实用程序 http developer yahoo com yui 3 stylesheet StyleSheet Utility 能够从头开始创建新的样式表 以及修改作为来自同一域的元素
  • jQuery 库包含顺序导致错误

    我的 jQuery UI 对话框有问题 当我单击 X 按钮时它没有关闭 我发现如果我更改 javascript 的顺序 问题就会消失 包括 如果我按以下顺序包含文件 则会出现问题 如果我按以下顺序包含文件
  • CSS 向后/反向过渡

    我想知道是否有任何方法可以使用相同的 CSS 过渡实例来向前移动然后向后 反向移动 例如 假设我有这样的转变 webkit keyframes fade transition from opacity 0 to opacity 1 以及这次
  • 检测 Firefox 中的关闭窗口事件

    我知道这是一个很常见的问题 但相信我 我无法通过网络找到答案 我的目的是仅当用户单击关闭 X 按钮时才触发消息框 如果用户单击后退 前进按钮以及使用 F5 CTRL R 则他会继续收到消息框 我不想将窗口关闭按钮单击之外的任何其他操作关联起
  • 如何将 JavaScript 添加到 ASP.NET MVC 视图?

    我有一个简单的视图 我想添加一个JQuery 日期选择器 JavaScript http jqueryui com demos datepicker 到这个观点 而不是every查看 通过母版页 我不确定执行此操作的最佳方法是什么 其次 我
  • 捕获客户端验证失败

    我有一个基于 div 点击提交的表单 我还让它在单击时启动等待指示器 我试图找出是否有一种方法可以检测客户端验证是否失败 以便我可以删除等待指示器 在提交尝试后不再显示它 或者我可以手动调用客户端验证在我尝试提交之前 你可以试试 div c
  • jQuery Calendar:如何在特定日期添加可点击事件?

    我正在使用 jquery 完整日历http arshaw com fullcalendar http arshaw com fullcalendar显示会议 我只是想确认是否可以添加活动 让我们创建一个新会议 使用 php ajax 在特定
  • 在 Android 中将连续动画应用到 ImageView

    我想将连续的动画 例如 ScaleAnimation 应用到显示资源图像的 ImageView 动画由按钮触发 例如 我想在每次单击按钮时逐渐放大图像 我已在动画上设置 fillAfter true 但是 所有动画都是从 ImageView
  • 如何使用 html 标签包装 window.getSelection().getRangeAt(0) 中的文本选择?

    如何从 window getSelection getRangeAt 0 中进行选择并用 HTML 标签 例如 span 或 mark 包围它 我更喜欢直接的 javascript 或 jQuery 解决方案 我可以使用警报输出选定的文本
  • 如何捕获jquery中的任何点击事件[重复]

    这个问题在这里已经有答案了 我有一个按钮 当单击它时 会显示一个带有图像的 div 例如聊天的表情符号面板 如果我再次单击它 div 会隐藏 但我想要做的是 如果 div 已经显示 然后我单击页面的任何其他内容 我想隐藏它 我试过这个 my
  • 如何使元素在 XAML 中引用 StaticResource Storyboard(而不是引用该元素的 Storyboard)

    我正在阅读 MSDN 动画教程 它描述了将故事板应用到元素的以下步骤 创建故事板 使用以下命令指定其目标元素名称TargetName财产 指定目标属性 添加事件触发器来启动动画 我看到一个概念性问题 从中衍生出我的困难 那就是 我在故事板和
  • $(document).ready 回调何时执行?

    假设我们附加一个 click http api jquery com click 锚点的处理程序 a 中的标签 document ready http api jquery com ready 打回来 该处理程序将取消默认操作 遵循href
  • 多个引导模式的滚动问题

    我有一个带有大量信息的模态页面 因此您需要滚动 该模式包含指向第二个模式的链接 When I 打开模态 1 单击链接打开模式 2 模式 1 保持在后台 然后关闭模式 2 以便我回到模式 1 modal 1 失去滚动 仍然有一个滚动条 但它不
  • 帮助使用 jquery 验证插件和复选框

    我有一个复选框组 需要对其进行唯一命名 以将值单独存储在数据库中 但是 使用 jquery 验证插件 我无法验证名称不同的组
  • 如何在网页上显示进度条直到网页完全加载?

    我想在网页中显示进度条 加载弹出窗口 直到页面完全加载 我的网页很重 因为它包含一个 HTML 编辑器 这是一个基于 jQuery 的 HTML 编辑器 需要很多时间才能完全加载 在加载时 我希望在页面上显示一个进度条 该进度条将在整个页面

随机推荐