<script type="text/javascript" src="/js/jquery.totemticker.js"></script>  
  <script type="text/javascript">  
  $(function(){  
  $('#vertical-ticker').totemticker({  
  row_height : '100px',  
  next : '#ticker-next',  
  previous : '#ticker-previous',  
  stop : '#stop',  
  start : '#start',  
  mousestop : true,  
  });  
  });  
  </script>  
  <style>  
  #vertical-ticker{  
  height:400px;  
  width:400px;  
  overflow:hidden;  
  margin:0; padding:0;  
  -webkit-box-shadow:0 1px 3px rgba(0,0,0, .4);  
  }  

  #vertical-ticker li{  
  padding:35px 20px;  
  display:block;  
  background:#efefef;  
  color:#333;  
  border-bottom:1px solid #ddd;  
  text-align:center;  
  font-size:25px;  
  font-weight:bold;  
  font-family: Helvetica Neue, times, serif;  
  }  
  </style>

<ul id="vertical-ticker">  
  <li>One Time</li>  
  <li>Baby</li>  
  <li>One Less Lonely Girl</li>  
  <li>Somebody to Love</li>  
  <li>Eenie Meenie</li>  
  <li>Never Say Never</li>  
  <li>U Smile</li>  
  </ul>  

  <a href="#" id="ticker-previous">Назад</a> / <a href="#" id="ticker-next">Вперёд</a> / <a id="stop" href="#">Стоп</a> / <a id="start" href="#">Старт</a>