jquery.peity.js简介

jQuery简单图表peity.js <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> <script type="text/javascript" src="jQuery.js"></script> <script type="text/javascript"…

利用Jquery.blockui.js创建可拖动.自定义内容的弹出层利用Jquery.blockui.js创建可拖动.自定义内容的弹出层目标 : 1 . 弹出层的内容可以自定义任意的HTML元素 , 不仅仅只显示一行文本. 2 . 弹出层可以拖动 , 这样不会遮挡后面的内容. 效果见下图 : 需要文件 : Jquery.js 1.6 以上版本 Jquery.blockUI.js 官网下载支持拖动的四个JqueryUI文件 : jquery.ui.core.js ,jquery.ui.w…

jquery.flot.js简介

JQuery图表插件之Flot Flot是一个Jquery下图表插件,具有简单使用,交互效果,具有吸引力外观特点.目前支持 Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ 等浏览器,是一个基于Javascript和Jquery纯客端户的脚本库,下面看一个简单的示例,先插入js: <script language="javascript" type="text/javascript&qu…

jquery.easypiechart.js简介

此插件主要是用来统计新的访问.跳出率.服务器负载.使用的RAM等,功能很强大,带有HTML5的动画效果,效果非常炫,看效果吧easyPieChart一款新型的EASY饼图数据统计Jquery插件截图: 插件下载:https://github.com/rendro/easy-pie-chart/…

jquery.sparkline.js简介

jQuery线状图插件Sparkline 官网地址:http://omnipotent.net/jquery.sparkline/ 文档地址:http://omnipotent.net/jquery.sparkline/#docs 下载地址:http://omnipotent.net/jquery.sparkline/#download…

jquery.gritter.js简介

Gritter 是一个小型的 jQuery 消息通知插件,通知效果如下图所示: 参考网…

当 jquery.unobtrusive-ajax.js 遇上Web API

最近在熟悉Abp框架,其基于DDD领域驱动设计...前段可以绕过mvc直接调用根据app层动态生成的webapi,有点神奇~,Web API之前有简单接触过,WCF的轻量级版,一般用于做一写开发性的服务接口,形式上类似与MVC,只是不渲染视图(其他基于restful设计什么的我不想去扯). 因此我的想法是页面用mvc view带model验证,提交操作使用jquery.unobtrusive-ajax.js自动收集form表单内容直接调webapi:因为人少做的东西不大,view model就是…

Vue.js简介

Vue.js简介 Vue.js的作者为Evan You(尤雨溪),任职于Google Creative Lab,虽然是Vue是一个个人项目,但在发展前景上个人认为绝不输于Google的AngularJs,下面我会将Vue与Angular(Angular 1.0+版本)做一些简单的比较. Vue的主要特点就和它官网(http://cn.vuejs.org/)所介绍的那样: (1) 简洁 (2) 轻量 (3)快速 (4) 数据驱动 (5) 模块友好 (6) 组件化简单下面看一段Angular的实…

pjax 历史管理 jQuery.History.js

更新 http://www.bootcdn.cn/jquery.pjax/ 简介 pjax是一个jQuery插件,使用ajax和pushState技术提供快速的浏览体验与真正的永久链接.网页标题.以及浏览器的后退前进按钮操作. pjax通过抓取HTML从您的服务器通过Ajax和更换容器页面上的HTML内容会与Ajax.然后更新无需重新加载你的网页的布局或任何资源使用pushstate浏览器的当前URL(JS,CSS),提供了一个快速的外观,全页面加载.但它确实就是Ajax和pushstate.…

aspx中的表单验证 jquery.validate.js 的使用以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)

这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲上面是效果,下面来说使用步骤 jQuery.Validate为我们提供了3种验证编写方式,各有优缺点: 1.在input对象中书写class样式指定验证规则或属性验证规则: 如<input type="text" class="required"/> 最简单.最便捷,提示消息使用jQuery.Validate的…

jquery.BannerRotator.js

项目地址:https://github.com/snipertulip/BannerRotator 演示地址:http://snipertulip.github.io/BannerRotator/demo/ 下载地址:https://github.com/snipertulip/BannerRotator/releases 纯js,图片动画轮播插件. 下面作为参考,具体代码,请去github.com下载,上面有链接地址. “jquery.bannerrotator.js”插件代码: (funct…

Gulp.js简介

Gulp.js简介我们讨论了很多关于怎么减少页面体积,提高重网站性能的方法.有些是操作是一劳永逸的,如开启服务器的gzip压缩,使用适当的图片格式,或删除一些不必要的字符.但有一些任务是每次工作都必须反复执行的.如新图片或修改后图片的压缩去除调试语句如console,debugger 合并和压缩css和js 把更新的文件部署到服务器你可能设想大家都会记住所有的这些操作,但总会有人忘记一两条.随着项目越来越大,上面的工作越来越浪费时间.只好设专人来完成这些枯燥的工作. 能不能让这些工作不用…

图片上传（方法一：jquery.upload.js）

一.在JSP页面引入jquery.upload.js 文件: <script type="text/javascript" src="${ctx}/script/jquery.upload.js"></script> 二.JSP页面代码:  <div class="dialog_teachermanage" id="addDialog" style=&quo…

jQuery插件jquery.fullPage.js

简介如今我们经常能看到全屏网站,尤其是国外网站.这些网站用几幅很大的图片或者色块做背景,再添加一些简单的内容,显得格外的高端大气上档次,比如 iPone 5C 的介绍页面.QQ浏览器的官方网站.百度史记2013效果.如果你也希望你的网站能设计成全屏的,显得更上档次,我们可以试试fullPage.js. fullPage.js是一个基于jQuery的插件,他能够很方便.很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动支持前进后退和键盘控制多个回调函数…

jquery.fullPage.js全屏滚动插件

注:本文内容复制于http://www.51xuediannao.com/js/jquery/jquery.fullPage.html 和 http://www.360doc.com/content/14/1203/08/19812575_430009823.shtml 融合演示链接:http://www.51xuediannao.com/demo.php 简介 fullPage.js是一个基于jquery的插件,它能轻松制作出全屏网站,主要功能有: 1.支持鼠标滚动 2.支持前进后退和键盘控…

Zepto.js简介

Zepto.js简介一.总结一句话总结: Zepto.js语法和jquery起码百分之90相似,主要做移动端框架,和jquery mobile是一个类型的概念 1.Zepto.js做移动端的特点? Zepto有着独特的手指的触摸事件(tap.swipe...),且不再支持IE浏览器 2.移动端常用框架? 1.jQuery Mobile 2.zepto.js 3.bootstrap做适配二.什么是Zepto.js 转自或参考:什么是Zepto.jshttps://blog.csdn.net/…

jquery和Js的区别和基础操作

jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以,一般用带有min的,是压缩版的,如果还要引用其他js文件的话,一定要juery包在上面,其他的引用放在他下面先来看看如果使用Juery的话,怎么来引用Juery包这样来引用,然后就可以用Juery方法了和js的语法一样,都是写在<script type = "text/javascrip…

jQuery.template.js 简单使用

之前看了一篇文章<我们为什么要尝试前后端分离>,深有同感,并有了下面的评论: 我最近也和前端同事在讨论这个问题,比如有时候前端写好页面给后端了,然后后端把这些页面拆分成很多的 views,有时候还会在这些 view 中写一些 c# 代码,突然有一天前端页面的样式出错了,但前端那里并没有问题,然后后端把前端叫过来,说你在我这里调吧,因为你没有后端的调试环境,然后前端就会很不爽,然后...你懂的! 其实理想的情况,就像你说的那样,前端写好页面,关于动态数据都用 ajax 的方式进行加载,这些动态数…

修改 jquery.validate.js 支持非form标签

尝试使用markdown来写一篇blog,啦啦啦源代码传送门:github 在特殊情况下我们使用jquery.validate.js对用户输入的内容做验证的时候,表单并不是一定包含在form之中,有可能是一个div弹层,有可能是嵌套在form里面的一个div,这个时候官方的validate就不能很好的支持了.对此,在官方的源代码基础上做小小的改动,就能兼容原有form方式,也能使用于非form方式,何乐而不为呢. 分析官方代码之后,能得知它都是通过element.form找到当前input的f…

表单验证插件之jquery.validate.js

提到表单验证的插件,第一个想到的就是jquery.validate.js,所以小生想在这里稍微详细地说一下这款插件的具体使用方法,便于理解,我直接附上整段demo的代码(没怎么调样式,主要是看js): <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JQuery表单验证插件jQuery.validate.js</title> <sty…

延迟加载外部js文件，延迟加载图片（jquery.lazyload.js和echo,js）

js里一说到延迟加载,大都离不开两种情形,即外部Js文件的延迟加载,以及网页图片的延迟加载: 1.首先简单说一下js文件的3种延迟加载方式: (1)<script type="text/javascript" defer>,defer属性可以推迟对脚本的解释,直到文档已经显示给用户为止,但只有IE支持defer属性 (2)设置具体的延迟时间,对应的js代码如下: function loadScript(){ var myScript=document.createEleme…

初探jquery.slimscroll.js和iscroll5.js

网上关于实现各种滚动效果的插件不胜枚举,这里,我简单介绍一下自己用过的两款比较有代表性的插件: 1.jquery.slimscroll.js,需要先引入jquery类库,主要用于模拟传统的浏览器滚动条(竖向),将要设置的内容外加div元素(可以取id为wrapper)包裹,然后在$(function(){})中进行实例化的参数设置: var myScroll=$("#wrapper").slimScroll({ // width:"300px",//容器宽度度 he…

动态生成二维码插件 jquery.qrcode.js

前段时间做项目,需要动态生成一个二维码,于是就在网上找了一下发现一个jquery插件jquery.qrcode.js,所以今天就简单说一下这个插件的使用: jquery.qrcode.js是依赖jquery的,所以要先引入jquery再引入jquery.qrcode.js <script type='text/javascript' src='js/jquery.min.js'></script> <script type="text/javascript"…

Jquery客户端校验——jquery.validate.js

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.使用方法如下 1.引用JS库 <script src="../Script/jquery.js" type="text/javascript"></script><script src=&q…

懒加载插件- jquery.lazyload.js

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Demo页面: 基本选项淡入效果对不支持JavaScript浏览器的降级处理水平滚动容器内水平滚动容器内垂直滚动页…

jQuery.rotate.js参数

CSS3 提供了多种变形效果,比如矩阵变形.位移.缩放.旋转和倾斜等等,让页面更加生动活泼有趣,不再一动不动.然后 IE10 以下版本的浏览器不支持 CSS3 变形,虽然 IE 有私有属性滤镜(filter),但不全面,而且效果和性能都不好. 今天介绍一款 jQuery 插件——jqueryrotate,它可以实现旋转效果.jqueryrotate 支持所有主流浏览器,包括 IE6.如果你想在低版本的 IE 中实现旋转效果,那么 jqueryrotate 是一个很好的选择. 兼容性 jquery…