Options - Up
var scrollPanel1 = new zeu.ScrollPanel(
document.getElementById('scroll-panel-1'), {
isUp: true
});
setInterval(function() {
var message = document.createElement('div');
message.innerHTML = 'time_' + Date.now();
message.style.cssText = 'margin: 10px; padding: 10px; color: white; background-color: ' + getRandomColor() + ';';
scrollPanel1.push(message);
}, 500);
Options - Down
var scrollPanel2 = new zeu.ScrollPanel(document.getElementById('scroll-panel-2'));
scrollPanel2.isUp = false;
setInterval(function() {
var color = 'margin: 3px; padding: 3px; color: white; background-color: ' + getRandomColor() + ';';
scrollPanel2.pushText('time_' + Date.now(), color);
}, 500);