頁面特效 UI組件庫 菜單導航 窗口特效 幻燈片滑動 圖像相冊 表單 選項卡 表格 評分星級 手風琴 文本鏈接 布局 日歷 顏色選擇器 按鈕 圖表 html5 提示 ExtJS 在線客服 其他特效 地圖 樹形控件 移動開發 BootStrap 滑動條 文件上傳 表單驗證 分頁 播放器 Angular VUE

jquery+LayUI 實現時間線插件

窗口特效 HTML我幫您 2月前  次瀏覽
快速使用


  • 對應代碼

  • <ul class="layui-timeline">
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <h3 class="layui-timeline-title">8月18日</h3>
          <p>
            layui 2.0 的一切準備工作似乎都已到位。發布之弦,一觸即發。
            <br>不枉近百個日日夜夜與之為伴。因小而大,因弱而強。
            <br>無論它能走多遠,抑或如何支撐?至少我曾傾注全心,無怨無悔 <i class="layui-icon"></i>
          </p>
        </div>
      </li>
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <h3 class="layui-timeline-title">8月16日</h3>
          <p>杜甫的思想核心是儒家的仁政思想,他有“<em>致君堯舜上,再使風俗淳</em>”的宏偉抱負。個人最愛的名篇有:</p>
          <ul>
            <li>《登高》</li>
            <li>《茅屋為秋風所破歌》</li>
          </ul>
        </div>
      </li>
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <h3 class="layui-timeline-title">8月15日</h3>
          <p>
            中國人民抗日戰爭勝利72周年
            <br>常常在想,盡管對這個國家有這樣那樣的抱怨,但我們的確生在了最好的時代
            <br>銘記、感恩
            <br>所有為中華民族浴血奮戰的英雄將士
            <br>永垂不朽
          </p>
        </div>
      </li>
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <div class="layui-timeline-title">過去</div>
        </div>
      </li>
    </ul>



    • 圖標可以任意定義(但并不推薦更改)
    • 標題區域并不意味著一定要加粗
    • 內容區域可自由填充。


相關鏈接

發表評論

2017怎样手机上赚钱