liMarquee / Default Parametrs

RESULT

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(){
		$('.str1').liMarquee();
		
		/*== or ==*/
		
		$('.str1').liMarquee({
			width:'auto',					//Sets width of the Marquee.
			
			height:'auto',					//Sets height of the Marquee.
			
			direction: 'left',				//Sets the direction of the Marquee. 
											//It may take the values: "left", "right", "top", "bottom"
											
			scrollDelay: 85,				//Sets the interval between each scroll movement in milliseconds. 
											//The default value is 85. 
											//Note that any value smaller than 60 is ignored and the value 60 is used instead, unless truespeed is specified.
											
			scrollAmount :6,				//Sets the amount of scrolling at each interval in pixels. 
											//The default value is 6.
											
			circular: false,				//Creates the effect of an infinite line.
											//It may take the values: true, false
											
			dragAndDrop: true,				//Enable the opportunity to drag the Marquee by the mouse. 
											//It may take the values: true, false
											
			hoverStop: true,				//Enable the opportunity to pause the Marquee when mouse hover. 
											//It may take the values: true, false
	
			scrollStop: true,				//Enable the opportunity to pause the Marquee when scroll page. 
											//It may take the values: true, false
											
			startShow:false,				//If it is true - the content of marquee appears immediately if the lie - gradually	
			
			xml: false,						//Inverts the standard behavior by mouse hover. 
											//It may take the values: true, false
											
			create: function(){},			//Triggered when the liMarquee is created.
			
			move: function(){},				//Triggered while the string is moving.
			
			moveStart: function(){},		//Triggered when motion starts.
			
			moveStop: function(){},			//Triggered when motion stops.
			
			drag: function(){},				//Triggered while the string is moved during the dragging.
			
			dragStart : function(){},		//Triggered when dragging starts.
			
			dragStop : function(){},		//Triggered when dragging stops.
			
			removeContentFadeDuration:300	//The duration of fading when removing the content of marquee	
		})
		
	})
	</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>