三十行代码写一个最简单的时间轴插件——jquery

共7个文件

gif：3个

js：2个

html：1个

横向时间轴

需积分: 10 29 下载量 100 浏览量 2017-06-14 21:51:18 上传评论收藏 40KB ZIP 举报

温馨提示

效果链接地址 http://blog.csdn.net/liu1277109419/article/details/73252610

资源推荐

资源详情

资源评论

收起资源包目录

timeLine.zip （7个子文件）

timeLine

css

timeLine.css 2KB

images

ico11.gif 2KB

ico10.gif 1KB

ico9.gif 1KB

index.html 1KB

jquery.min.js 95KB

timeLine.js 865B

共 7 条

<html> <head> <link href="./css/timeLine.css" rel="stylesheet"> </head> <body> <ul class="course_nr course_nr2" id="webfinal-timeLine-template-content"> <li> <div class="shiji"> <h1>5月27</h1> </p><p>广州收件</p> <p></p> </div> </li> <li> <div class="shiji" style="width: 67px; height: 67px;"> <h1 style="height: 67px; line-height: 67px; font-size: 12px;">5月27</h1> </p><p>广州发出</p> <p></p> </div> </li> <li> <div class="shiji" style="width: 67px; height: 67px;"> <h1 style="height: 67px; line-height: 67px; font-size: 12px;">5月28</h1> </p><p>上海中转</p> <p></p> </div> </li> <li> <div class="shiji" style="width: 67px; height: 67px;"> <h1 style="height: 67px; line-height: 67px; font-size: 12px;">5月29</h1> </p><p>到达济南</p> </div> </li> <li> <div class="shiji"> <h1>5月29</h1> </p><p>快递员派件</p> </div> </li> </ul> </body> <script src="./js/jquery.min.js"></script> <script src="./js/timeLine.js"></script> <script type="text/javascript"> $(function(){ $.timeLine($("#webfinal-timeLine-template-content")); }); </script> </html>

评论收藏

内容反馈

资源评论