<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);
});