jquery.jqtimeline是一个简单、轻量级、优雅的用于记录重大事件的时间轴插件。它使用json数组来记录数据。这个插件能够很容易的集成到其他jQuery插件中,可用于创建社交应用、博客时间轴、公司事务时间表等。
使用方法
在页面中引入jquery.timeline.js和jquery.timeline.css
<!-- Include necessary files --> <link rel="stylesheet" type="text/css" href="css/jquery.timeline.css" /> <script type="text/javascript" src="js/jquery.timeline.js"></script>
创建一个div
用于放置时间轴
<!-- Create a div to be used as container for our timeline. --> <div id="myTimeline"></div>
调用时间轴
<script type="text/javascript" src="js/jquery.timeline.js"> // Create an array of event object. Events can be added and deleted dynamically var ev = [{id:1, name:'I used jqtimeline plugin.', on : new Date() }]; //Call the plugin constructor $('#myTimeline').jqtimeline({events:ev}); </script>
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!