jqtimeline.js-简单又好用的jquery时间轴插件

简介: jqtimeline.js-简单又好用的jquery时间轴插件

jquery.jqtimeline是一个简单、轻量级、优雅的用于记录重大事件的时间轴插件。它使用json数组来记录数据。这个插件能够很容易的集成到其他jQuery插件中,可用于创建社交应用、博客时间轴、公司事务时间表等。
tx001266.png
在线演示 下载

使用方法

在页面中引入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>
相关文章
|
8月前
|
JavaScript
鼠标事件(点击换色)分别使用js和jQuery代码实现
鼠标事件(点击换色)分别使用js和jQuery代码实现
62 1
|
5月前
|
JavaScript 前端开发
js+jquery实现贪吃蛇经典小游戏
本项目采用HTML、CSS、JavaScript和jQuery技术,无需游戏框架支持。通过下载项目文件至本地,双击index.html即可启动贪吃蛇游戏。游戏界面简洁,支持方向键控制蛇移动,空格键实现游戏暂停与恢复功能。
119 14
|
5月前
|
JavaScript 前端开发 容器
jQuery多功能滑块插件r-slider.js
r-slider.js是一款jQuery多功能滑块插件。使用该插件,可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。
90 5
|
6月前
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
134 3
|
5月前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
71 0
|
6月前
|
JavaScript 前端开发 API
深入了解jQuery:快速、高效的JavaScript库
【10月更文挑战第11天深入了解jQuery:快速、高效的JavaScript库
67 0
|
6月前
|
JavaScript 前端开发
JavaScript - 测试 jQuery
JavaScript - 测试 jQuery
38 0
|
6月前
|
JavaScript 前端开发
JavaScript三级联动jQuery写法
JavaScript三级联动jQuery写法
|
6月前
|
JavaScript 前端开发
JavaScript 树状菜单栏jQuery写法
JavaScript 树状菜单栏jQuery写法
|
6月前
|
JavaScript 前端开发 API
【前端基础篇】JavaScript之jQuery介绍
【前端基础篇】JavaScript之jQuery介绍
317 0