任何人都有任何想法如何用这个自动收报机改变一行的长度......我在互联网上找到了这个。我使用它是因为它运行了一个列表,我可以回应PHP数据...它工作得很好,但我想增加大约10个字符的长度?
<script>
(function($)
{
$.fn.Ticker = function(options)
{
var defaults = {
// This is how long the text remains
pause: 4000,
// Transition in
fadeIn: 200,
// Transition out
fadeOut: 200,
// Pause between displaying each item when fading between items.
delay: 10,
// Next news item typed out one character at a time. If false item will fade in. (boolean)
typewriter: true,
// Time to type each character if using the typewriter effect (integer, normal typewriter speed is 35 I placed it at 30
speed: 57,
// Character to use to mimic a computer cursor if using the typewriter effect.
cursor: '_'
};
// Merge default options with user options
var opts = $.extend({}, defaults, options);
return $(this).each(function()
{
var list = $(this), typewriter = {}, interval;
// Activate ticker and display first item
list
.addClass('ticker-active')
.children(':first')
.css('display', 'block');
function changeItem()
{
var item = list.children(':first'),
next = item.next(),
copy = item.clone();
clearTimeout(interval);
// Append copy of current item to bottom of list
$(copy)
.css('display', 'none')
.appendTo(list);
// Fade current item out, remove from DOM then animate the next item
item.fadeOut(opts.fadeOut, function()
{
$(this).remove();
// Animate
if (opts.typewriter)
{
typewriter.string = next.text();
next
.text('')
.css('display', 'block');
typewriter.count = 0;
typewriter.timeout = setInterval(type, opts.speed);
}
else
{
next
.delay(opts.delay)
.fadeIn(opts.fadeIn, function ()
{
setTimeout(changeItem, opts.pause);
});
}
});
}
function type()
{
typewriter.count++;
var text = typewriter.string.substring(0, typewriter.count);
if (typewriter.count >= typewriter.string.length)
{
clearInterval(typewriter.timeout);
setTimeout(changeItem, opts.pause);
}
else if (opts.cursor)
{
text+= ' ' + opts.cursor;
}
list
.children(':first')
.text(text);
}
// Test there are more items to display then start ticker
if (list.find('li').length > 1 )
{
interval = setTimeout(changeItem, opts.pause);
}
});
};
$('.ticker').Ticker();
})(jQuery);
</script>