<link rel="stylesheet" href="css/liMarquee.css">
<script src="js/jquery-1.9.0.min.js"></script>
<script src="js/jquery.liMarquee.js"></script>
    

<script>
$(window).load(function(){
	$('.str4').liMarquee({
		direction: 'up'	
	});
	
	var newContent = '<p>new content new content new content new content new content new content new content new </p>'
        
	$('.addContent').on('click',function(){
		$('.str_origin',$('.str4')).html( $('.str_origin',$('.str4')).html() + newContent);
		$('.str4').liMarquee('update')
		return false;
	})
	
	$('.removeContent').on('click',function(){
	   $('p',$('.str4')).eq(0).remove();
		$('.str4').liMarquee('update')
		return false;
	})
	
})
</script> 
    

<div class="str4 str_wrap" style="height:200px;">
    <p>И с другом и с врагом ты должен быть хорош!</p>
    <p>Кто по натуре добр, в том злобы не найдешь.</p>
    <p>Обидишь друга — наживешь врага ты,</p>
    <p>Врага обнимешь — друга обретешь.</p>
    <p>Омар Хайям</p>
</div>

<a class="addContent" href="">add content</a>
<a class="removeContent" href="">remove content</a>