TAU marquee widget

This code shows how to use TAU marquee widget.
//html
<div class="ui-content content-padding">
    <ul class="ui-listview">
    	<li><div class="ui-marquee" id="marquee">Marquee widget code sample adfdsf adsgfdsgfdsg</div></li>
    </ul>
</div>
<button id="start">Start</button>
<button id="reset">Reset</button>

//js
var buttonStart = document.querySelector("#start"),
	marqueeWidget;

buttonStart.addEventListener("click", function() {
	var marqueeEl = document.getElementById("marquee");
	marqueeWidget = new tau.widget.Marquee(marqueeEl, {iteration: "infinite"});
	marqueeWidget.start();
});
var buttonStop = document.querySelector("#reset");
buttonStop.addEventListener("click", function() {
	marqueeWidget.reset();
});

Responses

0 Replies