1. Humble Finance这是一个非常好用的HTML5数据可视化工具,与Flash工具颇为相似。基于JavaScript,利用了Prototype 和 Flotr 库,可用于显示两组实时二维数据。
2. D3D3是最流行的可视化库之一,它可以将任意数据绑定到DOM(Document Object Model,文档对象模型),然后对该文件提供数据驱动转换。还可以将一组数据生成基本的HTML表,或生成一个SVG条形图。
3. RickshawRickshaw可以创建交互时间序列图。它依赖于D3的可视化库,需...
目录基于jquery的提示框JavaScript 插件,类Bootstrap基于jquery的提示框JavaScript 插件,类Bootstrap源码github地址:https://github.com/Ethan-Xie/message实例通过此此插件可以为提示栏添加自动/点击消失的功能用法需引入message.css与message.js <link rel="stylesheet" href="message.css"><script src="Message.js"></script>为元素加上onclick="$.fn.msg(‘msg‘, { text: ‘警告消息‘, type: ‘warning‘, position: ‘...
转自:http://blog.jobbole.com/13671/
作者: 黄利民 1. Flash 过去是最佳解决方案,但很多人多在从那迁移;2. 现代浏览器及其更强大的计算能力,使其在转化绘制实时数据方面的能力更佳;3. 绘制矢量图的不同技术愈发成熟:VML、SVG 和 Canvas。当然了,你需要仔细选择,以符合自身需求。正如前面提到的,正因使用了各种技术,因此一些支持Canvas的插件仅需要一个现代浏览器。在这篇文章中,我们已收集 13
个JavaScript图表和...
参考地址原文:http://www.cnblogs.com/zhangwei595806165/p/4739323.html
一,开篇分析Hi,大家好!大熊君又和大家见面了,还记得前两篇文章吗。主要讲述了以“jQuery的方式如何开发插件”,以及过程化设计与面向对象思想设计相结合的方式是如何设计一个插件的,两种方式各有利弊取长补短,本系列文章是以学习为导向的,具体场景大家自己定夺使用方式。那么今天从这篇文章开始,我们就以实例的方式带着大家由浅入深的开发属于自己的插件库。嘿嘿嘿,废话少说,进入正题。直接上实际效果图: 大家看到了...
一、前言通过 "WWW" 原则我们来了解 JavaScript 插件这个东西第一个 W "What" -- 是什么?什么是插件,我就不照搬书本上的抽象概念了,我个人简单理解就是,能方便实现某个功能的扩展工具.(下面我会通过简单的例子来帮助读者理解)第二个 W "Why" -- 为什么? 为什么要有插件这种东西,首先结合第一个 W 来理解就是,使用插件的目的是方便我们实现某一个功能. 也就是说在编程过程中我们只需要找轮子,或者改轮子而不需要重新造轮子.节省开发...
对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括 一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常 有效地帮你实现在网页上的代码编辑和展示。1、SyntaxHighlighter – 最优秀的JavaScript代码高亮插件SyntaxHighlighter 是一款完全基于JavaScript的代码高亮...
使用场景在开发Chrome插件时, 有一种需求:要求在WEB页面显示一个浮动窗口(A), 在此窗口中允许用Ajax方式调用另一个服务器上的一个页面(B)B页面上有独立的功能用JS写function来实现 已知条件窗口A可以利用content-script.js动态生成窗口A中放置一个按钮, 调用Onclick方法召唤出B页面, 样例代码如下<button onclick="invokeContentScript(‘openalertWin()‘)">test</button>具体实现的functionfunction openalertWin(){var domobj =...
插件(Plugin)livequery插件比如如果为页面上的所有div绑定了click事件,那么之后如果再动态创建一个div插入文档后,这个div则不会有click事件,livequery插件能使后来动态创建的元素也能自动注册事件。livequery(type,x,y)为JQuery对象绑定事件(包括使用Javascript动态插入的元素),type是事件触发方式,x是事件侦听器,y是可选的事件完成后的回调方法。$(document).ready(function () {//使用livequery绑定事件$(‘a‘).liveq...
一、全局CSS1、概述1. 全局CSS样式:* 按钮:class="btn btn-default"* 图片:* class="img-responsive":图片在任意尺寸都占100%* 图片形状* <img src="..." alt="..." class="img-rounded">:方形* <img src="..." alt="..." class="img-circle"> : 圆形* <img src="..." alt="..." class="img-thumbnail"> :相框* 表格* table* table-bordered* table-hover* 表单* 给表单项添加:class="form-control"按钮、图片<!DOCTY...
当前测试版本:cocos2d-x 3.8.1 3.7也试用,之下的版本没测过,一般是路径改变,文件名称一般不会变注:当前工程是通过控制台new的工程,不是cocosStudio创建的工程必须先通关官网:http://www.cocos.com/doc/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/cocos2d-js/catalog/../../html5/facebook-sdk/facebook-sdk-on-ios/zh.md发现按照教程一步步走完后,编译到linking的时候出错,心中一万...
遇到一些比较复杂的动画可以用插件帮忙,我一般选择animate.css,有时间和机会的话试下 jquery.transit.js: jquery.transit.js:http://code.ciaoca.com/jquery/transit/demo/ animate.csshttp://alloyteam.github.io/JXAnimate/jxanimate_demo.html 这是老大之前发的动画原则,虽然我还没用过,但感觉总会有用上的一天http://www.sunnyzhen.com/course/animation_principles/demo.html?from=timeline&isappinstalled=0原文:http...
轮播请查看以下示例,基本已经涵盖最常用的一个轮播<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>js插件_轮播</title><link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"><!--<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">--><script src="js/jquery-1.11.1.min.js"...
做项目基本离不开表单验证,想要美观,简洁,不占内存,用户体验效果好所以我推荐一款js表单验证 因为我觉得这个挺好的,所以分享下文档 下面也有下载的压缩包https://github.com/posabsolute/jQuery-Validation-Engine650) this.width=650;" src="/upload/getfiles/default/2022/11/14/20221114022705218.jpg" title="FA%R{72F3)K[WBK2(U4R4ZM.png" />昵称做了ajax验证判断输入的用户是否存在 会提示先等待的信息。。。(我这里设置...
目前谷歌翻译小工具对中文网页(以及其他语言网页)提供了对其他二十三种语言的翻译: 中文(繁体),英文,阿拉伯文,保加利亚文,波兰语,朝鲜语,丹麦语,德语,俄语,法语,芬兰语,荷兰语,捷克语,克罗地亚文,罗马尼亚语,挪威语,葡萄牙语,日语,瑞典语,西班牙语,希腊语,意大利语和印度文。也就是说当你的网站使用了谷歌翻译小工具后,你的网站马上可以以另外二十三种语言显示,这对所有期望与国际接轨,让全球网民了解中国博...