概述 很多时候,都会用到类似于时间轴的东西,鉴于网络资源没有那么顺手,就想着自己搞一个,在此将源码贴出来。 效果 ?...30px #333333; border-radius: 4px; border: 1px solid #ffffff; background: #666; } 控件代码 jquery.custom.timeline.js...} } } this.active = active; return this; } })(jQuery...title>
好无聊啊,权当练手,写了一个选项卡插件 Html 结构 Demo 1 <ul class...con", // 设定选项卡内容区域 class ConDiv : "div", // 设定选项卡内容 元素...default: ConDiv.eq(I).show().siblings().hide(); } }; } })(jQuery...// 设定选项卡内容区域 class ConDiv : "li", // 设定选项卡内容 元素 CurName : "cur...和 show 三个选项 }); }); css代码就不写了,各自发挥吧~
if ($check.is(":checked") == true) { var checked = jQuery.inArray...} else { var checked = jQuery.inArray...var currentId = $(this).val(); var checked = jQuery.inArray
最近在项目里面要用到 JavaScript 来绘制图表,JQuery 的插件 Flot 是一个不错的选择。...Flot 采用 Canvas 绘制图形(Web 总共就有三种常见方式来绘制图形,不了解的同学请看这篇文章),在数据量非常大的时候,你需要考虑浏览器端的性能问题。...,就是变成纯粹的整形或者浮点型的数值,这样 Flot 才能识别数据的格式,例如时间就变成毫秒数,里程就变成千米数; 再自定义坐标轴展示的 callback 函数。...x 轴或者多 y 轴的,在这种情况下,series 中只要指定了数据对应的坐标轴的序号,就可以实现多轴效果: 还有两个概念需要提及,一个是 “legend”,就是展示在图中(比如上图中的左下角)或者图外面的图示...核心的概念就是这些,Flot 的 API 设计得很简洁,所以需要额外学习的东西也很少,马上就可以上手使用。
https://blog.csdn.net/hotqin888/article/details/63683690 终于想清楚了在每个项目中,放置3个东西:操作记录(日志);时间轴(大事记);...第二个,大事记的时间轴,很流行。 第三个日历日程事件,记录一些非大事记中。 当然,初步考虑还是在日历日程上添加、删除大事记,在添加日历日程事件的时候,提供一个单选按钮:是否作为大事记。...如果作为大事记,则时间轴上会显示这个事件。 这个时间轴整合了3个模板,一个是timelined;——支持时间轴线上的图标效果。...-- 测试时间轴 --> <script type="text/javascript" src="/static/js/<em>jquery</em>
2 Flot ?...Create animated visualisations with this jQuery plugin Flot 是一个用于jQuery 的专业绘图库,有很多便捷的特性,最关键的是,跨浏览器。...可把数据做成动画,因为它是一个jQuery插件,所以你完全可以控制动画、演示和用户交互的方方面面。 3 Raphaël ?...Timeline 是一个奇妙的小工具,坑绘制漂亮的交互式时间轴,用户滚动鼠标,时间轴会响应变化。点击时间轴上的元素,可显示更多信息。(MIT 开发) 7 Exhibit ?...如果你已经在使用jQuery,不想为HighCharts付费,而且情况很简单,不需要D3那样复杂的库,那么jqPlot是很好的选择。 14 Dipity ?
Flot Flot 是受 Plotr 和 PlotKit 的 启发,Ole Laursen 基于 jQuery 开发了一个图表绘制(WEB Chart)插件并命名为 flot。...flot 是个纯 JavaSript 库,专注于简单的使用方式,迷人的外观和交互式特性。...MeteorCharts 它有一个很酷的图表生成器,为您提供选项来选择图表,选择主题,然后生成一个图表。 amCharts amCharts 无疑是最漂亮的图表库。...uvCharts uvCharts 是一个开源的 JavaScript 图表库,号称有100多个自定义选项。它拥有12种不同的标准图表类型,开箱即用。
Google Charts 还提供了许多定制选项让你改变图表的外观。它通过HTML5/SVG渲染来支持跨浏览器兼容性,并且可以跨平台移植到iPads、iPhones、 Android。...它是一个纯JavaScript库,提供了实时图形的延迟时间及图像色彩的选项。 回到顶部 Chartkick ? Chartkick 是一个为Ruby应用创建的图表库。...回到顶部 Flot ? Flot是一款jQuery图表库。它也是最老和最流行的图表库之一。 支持lines, points, filled areas, bars以及这些图形的组合。...这里是用Flot创建的图表列表。 回到顶部 amCharts ? amCharts 无疑是最漂亮的图表库之一。...uvCharts 是一款声称有100+可定制选项的开源图表库。有12种标准的图表类型。基于D3.js,使用HTML+SVG+CSS渲染。
: jQuery user interfacejs-jquery-ui-touch-punch.noarch : Touch Event Support for jQuery UIpython-XStatic-JQuery-Migrate.noarch...: JQuery-Migrate (XStatic packaging standard)python-XStatic-JQuery-TableSorter.noarch : JQuery-TableSorter...: jquery-ui (XStatic packaging standard)python-tw2-jqplugins-flot.noarch : jQuery flot (plotting) for...whilepositional arguments are available as $ARGS.positional[].See the manpage for more options.2. jq命令的选项解释...jq命令的选项解释-c 紧凑而不是漂亮的输出;-n 使用`null`作为单个输入值;-e 根据输出设置退出状态代码;-
Flot ? Flot 是受 Plotr 和 PlotKit 的 启发,Ole Laursen 基于 jQuery 开发了一个图表绘制(WEB Chart)插件并命名为 flot。...flot 是个纯 JavaSript 库,专注于简单的使用方式,迷人的外观和交互式特性。...它有一个很酷的图表生成器,为您提供选项来选择图表,选择主题,然后生成一个图表。 amCharts ? amCharts 无疑是最漂亮的图表库。...uvCharts 是一个开源的 JavaScript 图表库,号称有100多个自定义选项。它拥有12种不同的标准图表类型,开箱即用。
headshot.jpg │ │ │ └─js │ │ bootstrap.js │ │ excanvas.min.js │ │ faq.js │ │ jquery...-1.7.2.min.js │ │ jquery-1.7.2.min_74e92c4.js │ │ jquery.flot.js │ │ jquery.flot.orderBars.js...│ │ jquery.flot.pie.js │ │ jquery.flot.resize.js │ │ │ └─charts │
webdriver-manager update", "e2e": "ng e2e" }, "private": true, "napa": { "jquery.flot.spline...": "miloszfalinski/jquery.flot.spline", "ika.jvectormap": "kakirigi/ika.jvectormap" },
7. jQuery Visualize Plugin jQuery Visualize Plugin 是一个根据HTML表格的内容生成图表的 jQuery 插件。 8....Flot Flot for jQuery是一个纯Javascript绘图库。特点是使用简单、所有设置可选、外观漂亮,以及放大缩小、鼠标跟踪等交互特性。 10....Sparklines 这个jQuery插件,可通过HTML或JavaScript,直接生成Sparklines内嵌图表。该插件兼容大多数浏览器。授权协议BSD。...11. jqPlot jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。 12.
Bootstrap为基础的后台UI风格,想满足的条件应该达到如下几个: 1、美观、大方、简洁 2、兼容IE8、不考虑兼容IE6/IE7,因为现在还有很多公司在使用Win7系统,系统内置了IE8 3、能通过选项卡打开多个页面..." Font jQuery Flot Charts 0.8.1 jQuery Sparklines 2.1.2 Easy Pie Chart 1.2.5 jQuery Knob 1.2.0 jQuery...另外该插件也被很多人简化、修改成选项卡+iframe风格了。 六、Metronic Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现。...WYSIHTML5 CKEditor Bootstrap Colorpicker Bootstrap Date range Picker Bootstrap Time Picker Data Tables Flot...想来想去还是拿不定主意,不过有点想法: 1、使用HUI和bootstrap 2、使用EasyUI的框架,内容页使用HUI+BootStrap,iframe选项卡 3、从各个功能强大的页面中拿一些插件过来
Flot - Flot 为 jQuery 提供的javascript代码库. 容易使用,有特色的图表,提供交互功能(能够放大缩小数据区域等)。
Management <script
jqPlot——如果你已经在使用jQuery,不想为HighCharts付费,而且情况很简单,不需要D3那样复杂的库,那么jqPlot是很好的选择。...Flot Charts——与jqPlot一样,Flot是一种针对jQuery的纯JavaScript库,专注于简单的用法、引人注目的外观和交互特性。...jQuery Sparklines——一种jQuery插件,可以直接在浏览器中创建小型的内嵌图表。 peity——一种简单的jQuery插件,可以把元素的内容转换成简单的饼图、线图和柱状图。...jQuery-Visualize——HTML的table元素驱动的HTML5 canvas图表。也是针对jQuery的图表插件。
-- Broccoli 调试 |-- Developer Tools |-- Firebug 基础工具 |-- Node.js |-- Phantom.js |-- fibjs 库 |-- jQuery...polymer |-- Deft.js |-- Vue UI框架 |-- Bootstrap |-- Semantic UI |-- Foundation |-- Material UI |-- jQuery...UI 手机 UI框架 |-- jQuery Mobile |-- Jo |-- Dojo Mobile |-- Lungo CSS3 动画 |-- Animate.css |-- bounce.js...WebSocket |-- Socket.io |-- web-socket-js 数据可视化 |-- D3 |-- Echarts |-- HighCharts |-- Vis.js |-- Flot
2017-10-30更新 Blueimp jquery相册插件 http://blueimp.github.io/Gallery/ bootstrap-markdown bootstrap的markdown...颜色选择器 http://www.eyecon.ro/colorpicker/ cropper.js jquery图片剪裁插件 http://fengyuanchen.github.io/cropper...的饼状图插件 http://rendro.github.io/easy-pie-chart/ flot.js jquery的图表插件 fooTable.js bootstrap的table插件 http...checkbox和radio插件 http://icheck.fronteed.com/ idle-timer jquery监视用户活动的插件 https://github.com/thorst/jquery-idletimer...://www.jasny.net/bootstrap/getting-started/ jeditable jquery实时编辑插件 https://github.com/tuupola/jquery_jeditable
领取专属 10元无门槛券
手把手带您无忧上云