Marquee with Jquery in Knockout
HTML
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type='text/javascript' src='//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js'></script>
<div class="movie-title" data-bind="text:title, css: { 'title-marquee' : title().length > 10 }"></div>
<a href="http://aamirafridi.com/jquery/jquery-marquee-plugin#examples">Learn more on Jquery.Marquee</a>
CSS
.title-marquee {
color: red !important;
width: 2000px !important;
overflow: hidden !important;
display: block !important;
}
JavaScript
$(function () {
setTimeout(function () {
$('.title-marquee').marquee({
duplicated: true
});
}, 0);
});
function viewModel() {
this.title = ko.observable("This is asdsad sadf");
}
var ViewModel = new viewModel();
ko.applyBindings(ViewModel);