liMarquee / Callback
Functions

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 ind = 0
	var addLog = function(ms){
		$('<div>').addClass('logItem').html(ind+' : '+ms).appendTo('.logContent');
		ind = ind+1;
		var scrollVal = $('.logContent').outerHeight();
		$('.log').css({scrollTop:scrollVal});
		if(scrollVal > 1000){
			$('.logItem:first').remove();
		}
		
	}
	
    $('.str1').liMarquee({
                                        
        create: function(){addLog('create')},				//Triggered when the liMarquee is created.
              
        moveStart: function(){addLog('moveStart')},			//Triggered when motion starts.
        
        moveStop: function(){addLog('moveStop')},			//Triggered when motion stops.
        
        drag: function(){addLog('drag')},					//Triggered while the string is moved during the dragging.
        
        dragStart : function(){addLog('dragStart')},		//Triggered when dragging starts.
        
        dragStop : function(){addLog('dragStop')},			//Triggered when dragging stops.
		
		wayEnd: function(){addLog('wayEnd');}				//Triggered when way ended.
        
    })
})
</script> 


<!-- HTML code-->
<div class="str1 mWrap">
    A fool may ask more questions in an hour than a wise man can answer in seven years
</div>