Edit in JSFiddle

      $(document).ready(function() {
        var t = $("#ticker");
        //ラップする
        t.children().filter("h3").each(function() {
          var h = $(this),
            c = $("<div>");
          h.next().appendTo(c);
          h.prependTo(c);
          c.appendTo(t);
        });
        //スクロールバー非表示
        t.css("overflow", "hidden");
        function animator(currentItem) {
          var d = currentItem.height();
            duration = (d + parseInt(currentItem.css("marginBottom"))) / 0.025;
          //アイテムの処理
          currentItem.animate({ marginBottom: -d }, duration, "linear", function() {
            currentItem.appendTo(currentItem.parent()).css("marginBottom", 0);
            animator(currentItem.parent().children(":first"));
          }); 
        };
        //ティッカーアニメーション開始
        animator(t.children(":first"));
        //マウスセンサーをセット
        t.mouseenter(function() {
          //ストップ
          t.children().stop();
        });
        //マウスが外れた時の処理
        t.mouseleave(function() {
          animator(t.children(":first"));
        });
      });

#ticker { 
    width:180px; 
    height:300px; 
    border:1px solid #ccc; 
    overflow:auto; 
}
#ticker h3 { 
    font-size: 14px; 
    padding:0 10px 5px 10px; 
    background-color:#eee; 
    padding-top:10px; 
    border:1px solid #fff; 
    border-bottom:none; 
    border-right:none; 
    position:relative; 
}
#ticker div.text { 
    margin-left:0; 
    font-size: 11px ; 
    padding:0 10px 10px 10px; 
    border-bottom:1px solid #ccc; 
    background-color:#eee; 
    border-left:1px solid #fff; 
    position:relative; 
}
#ticker div.last { 
    border-bottom:1px solid #fff; 
}
#ticker div { margin-top:0; }

    <div id="tickerContainer">

      <div id="ticker">

        <h3 class="heading">News title01</h3><div class="text">text text text text text text text text text texttext text text text  </div>

        <h3 class="heading">News title02</h3><div class="text">text text text text text text text text text texttext text text text  </div>

        <h3 class="heading">News title03</h3><div class="text">text text text text text text text text text texttext text text text  </div>

        <h3 class="heading">News title04</h3><div class="text">text text text text text text text text text texttext text text text  </div>
        <h3 class="heading">News title05</h3><div class="text">text text text text text text text text text texttext text text text  </div>
        <h3 class="heading">News title06</h3><div class="text">text text text text text text text text text texttext text text text text text text text text text text text text text  text text text text text text texttext text text text text  </div>

      </div>

    </div>