zoukankan      html  css  js  c++  java
  • 新闻自动滚动

    <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>
  • 相关阅读:
    AJAX原生态编写
    oracle中分页查询
    myeclipse 2014 专业版 安装 svn插件
    List.toArray()用法详解
    数据库语句 select * from table where 1=1 的用法和作用
    setObject()用法
    Golang语言学习笔记(十四)
    Golang语言学习笔记(十三)
    Golang语言学习笔记(十二)
    Golang语言学习笔记(十一)
  • 原文地址:https://www.cnblogs.com/iriliguo/p/6489106.html
Copyright © 2011-2022 走看看