新闻自动滚动

标签：img   trap   pre   技术   .com   circle   dir   pad   panel   

<div class="container ">
    <div class="row">
        <div class="panel panel-default">
            <div class="panel-heading">
                <span class="glyphicon glyphicon-list-alt"></span><b>大家来吐槽</b></div>
            <div class="panel-body">
                <div class="row">
                    <ul class="demo1" id="xiaoxi">
                        <li class="news-item">
                            <table cellpadding="4">
                                <tr>
                                    <td><img src="img/1.png" width="60" class="img-circle"/></td>
                                    <td>又一天过去了。今天过得怎么样，梦想是不是更远了？</td>
                                </tr>
                            </table>
                            <hr>
                        </li>

                        <li class="news-item">
                            <table cellpadding="4">
                                <tr>
                                    <td><img src="img/2.png" width="60" class="img-circle"/></td>
                                    <td>是金子早晚也会花光 但如果你是石头 到哪里都不会发光的</td>
                                </tr>
                            </table>
                            <hr>
                        </li>
                        <li class="news-item">
                            <table cellpadding="4">
                                <tr>
                                    <td><img src="img/3.png" width="60" class="img-circle"/></td>
                                    <td>长得丑就是病，不然整形医院为什么会是医院。</td>
                                </tr>
                            </table>
                            <hr>
                        </li>
                        <li class="news-item">
                            <table cellpadding="4">
                                <tr>
                                    <td><img src="img/4.png" width="60" class="img-circle"/></td>
                                    <td>假如今天生活欺骗了你，不要悲伤，不要心急，因为明天生活还会继续欺骗你
                                        多被骗几次你就习惯了
                                    </td>
                                </tr>
                            </table>
                            <hr>
                        </li>
                        <li class="news-item">
                            <table cellpadding="4">
                                <tr>
                                    <td><img src="img/5.png" width="60" class="img-circle"/></td>
                                    <td>如果你觉得自己，整天累得跟狗一样。

                                        　　你真是误会大了，狗都没有你这么累。
                                    </td>
                                </tr>
                            </table>
                            <hr>
                        </li>
                        <li class="news-item">
                            <table cellpadding="4">
                                <tr>
                                    <td><img src="img/6.png" width="60" class="img-circle"/></td>
                                    <td>长相是上一代给的，教育是上一代定的，

                                        　　观念是上一代教的，环境是上一代留的，

                                        　　居然还好意思说：一代不如一代。
                                    </td>
                                </tr>
                            </table>
                            <hr>
                        </li>
                        <li class="news-item">
                            <table cellpadding="4">
                                <tr>
                                    <td><img src="img/7.png" width="60" class="img-circle"/></td>
                                    <td>我相信只要努力工作就一定能取得成功。当年刚工作时我身无分文，但凭借着踏实工作和勤奋好学，我银行里不仅不再是零存款，还成功的欠了他们一大笔钱。</td>
                                </tr>
                            </table>
                            <hr>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</div>
<script>
    $(function () {
        $(".demo1").bootstrapNews({
            newsPerPage:4,
            autoplay: true,
            direction: ‘up‘,
            newsTickerInterval: 2000,
           /* onToDo: function () {
            }*/
        });
    });
</script>

新闻自动滚动

标签：img   trap   pre   技术   .com   circle   dir   pad   panel   

原文地址：http://www.cnblogs.com/iriliguo/p/6489106.html