我需要的:
我需要一个动画省略号 (...),一个点一个接一个地出现。动画需要循环播放。我想通过 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(使用前将#替换为@)