liMarquee / change Content
Methods

CODE

<!--If you have already use jquery, then this line is not necessary-->
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>


<!-- Plugins files-->
<link rel="stylesheet" href="css/liMarquee.css">

<script src="js/jquery.liMarquee.js"></script>


<!-- Initialization of plugin -->
<script>
$(window).on('load',function(){
	var strEl = $('.str4');
	strEl.liMarquee();

	//By clicking on this button to delete all the contents of the string
	$('.removeContent').on('click',function(){
		strEl.liMarquee('removeContent');
		return false;
	});
	
	//By clicking on this button to add any content
	$('.addContent').on('click',function(){
		var newContent = $('.newContentField').val();
		strEl.liMarquee('addContent',newContent);
		return false;
	});
	
	//By clicking on this button to change content
	$('.changeContent').on('click',function(){
		var newContent = $('.newContentField_2').val();
		strEl.liMarquee('removeContent');
		strEl.liMarquee('addContent',newContent);
		return false;
	});
	
	$('[data-param="removeContentFadeDuration"]').on('change',function(){
		strEl.liMarquee('changeOptions',{
			//start new options	
			removeContentFadeDuration: $('[data-param="removeContentFadeDuration"]').val()
			//end new options	
		});
	});
})
</script> 


<!-- HTML code-->
<div class="str4 mWrap">
	Any Content
</div>

<div class="paramTitle">removeContentFadeDuration</div>
<input data-param="removeContentFadeDuration" class="optionItem form-control" min="0" step="50" type="number" value="300">			

<a class="removeContent btn btn-danger" href="">remove content</a>

<p>Specify in this field the content you want to add to a string</p>
<textarea type="text" class="form-control newContentField">Added content</textarea>
<a class="addContent btn btn-primary" href="">add new contenmt</a>

<textarea type="text" class="form-control newContentField_2">New Content</textarea>
<a class="changeContent btn btn-success" href="">change content</a>