<div class="marquee_vertical">
<ul class="list">
	<li><span>[最新購買]：</span>王**（098****1110）三分鐘前訂購了 【1入組】金士頓 A2000 1000G <font color="#FF0000">√</font></li>
	<li><span>[最新購買]：</span>李**（092****4312）五分鐘前訂購了 【2入組】金士頓 A2000 500G <font color="#FF0000">√</font></li>
	<li><span>[最新購買]：</span>陳**（097****3344）八分鐘前訂購了 【1入組】金士頓 A2000 500G <font color="#FF0000">√</font></li>
	<li><span>[最新購買]：</span>梅**（095****7658）十分鐘前訂購了 【3入組】金士頓 A2000 2000G <font color="#FF0000">√</font></li>
	<li><span>[最新購買]：</span>朱**（097****0987）一分鐘前訂購了 【2入組】金士頓 A2000 500G <font color="#FF0000">√</font></li>
	<li><span>[最新購買]：</span>勾**（095****7534）二分鐘前訂購了 【1入組】金士頓 A2000 500G <font color="#FF0000">√</font></li>
</ul>
</div>

.marquee_vertical{
			height: 135px;
			overflow: hidden;
			border: dotted 2px red;
			padding:10px;
		}
		ul,ul li{margin:0; padding:0;}
		ul li{padding-top:7px; padding-bottom: 7px;}
		@media(max-width:480px){
			ul li{display: inline-block;}
		}

$(function(){
setInterval(function(){
	$('.list li').first().before($('.list li').last().css('height','0').animate({
		height: $('li').height()
	}));
}, 3000);
});