纯JAVASCRIPT图表动画插件Highcharts Examples

What is Highcharts? 下载地址 is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, a  ... [查看]

kelinlin

Highcharts 非常实用的Javascript统计图demo示例

Highcharts 官网： Highcharts 官网示例： Highcharts 官网文档： 官网实例中给出了各式各样的demo，可以参照document修改自己需要的即可。 下面是一个学生成绩走势demo： <!D  ... [查看]

kelinlin

JQuery Highcharts 动态生成图表的方法

$(function () { $(document).ready(function() { Highcharts.setOptions({ global: { useUTC: false } }); var chart; $('#container').highcharts({ chart: { type: 'spline', animation: Highcharts.svg, // don't animate in old IE marginRight: 10, events: {  ... [查看]

kelinlin

浅析jquery的js图表组件highcharts

Highcharts是一个制作图表的纯Javascript类库，　主要特性如下： 兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；对于非商用用户免费（包括个人网站、非盈利性组织、学生团体等）。纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管  ... [查看]

kelinlin

使用jquery实现的一个图片延迟加载插件（含图片延迟加载原理）

图片延迟加载也称懒加载，通常应用于图片比较多的网页，如果一个页面图片比较多，且页面高度或宽度有好几屏，页面初次加载时，只显示可视区域的图片，当页面滚动的时候，图片进入了可视区域再进行加载，这样可以显著的提高页面的加载速度，更少的图片并发请求数也可以减轻服务器的压力。如果用户仅仅  ... [查看]

kelinlin

AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

AMD 模块AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。AMD 模块格式本身是一个关于如何定义模块的提案，在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势，包括天生的异步及高度灵活  ... [查看]

kelinlin

使用jquery.upload.js实现异步上传示例代码

相关资源下载：upload1:jsp代码：导入jquery.upload.js和jquery-1.7.2.js添加调用js的代码：<a href="javascript:void(0)" rel="external nofollow" onclick="doUpload()">上传</a>在底部写：<iframe style="position:absolute;top:-9999px" src="<%=basePath%>/resources/upload/upload.h  ... [查看]

kelinlin

使用jquery.qrcode生成彩色二维码实例

jquery.qrcode.js 是居于jquery类库的绘制二维码的插件，用它来实现二维码图形渲染支持canvas和table两种绘图方式。（jquery.qrcode.js 设置显示方式为table时在webkit核心浏览器如chrome下会变形，这个需要注意。）下面为测试代码（增加了颜色控制，可以设置4个区块的颜色值，需要指定render为t  ... [查看]

kelinlin

使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证

最近项目开发中遇到这样的需求“手机号码或者固话至少填写一个”，如下图所示:项目采用的jquery.validate.js验证组件，目前组件不支持这种“或”逻辑的验证，于是就自己定义一个jQuery.validator.addMethod("phone", function(value, element) { var mobile = $("#mobile").val();  ... [查看]

kelinlin