精选的10款用于构建良好易用性网站的jQuery插件

2024-02-08 18:42:05

Embedded help system

看过该插件demo后，感叹道，真是太棒了！

点demo里的How to下面的几个链接看看效果:)

Embedded Help System如其名，能将帮助信息集成到网页中，告诉用户一步一步怎么操作，易用性非常好！

jRating评分插件

jRating 是一个ajax评分插件，得益于插件的众多options和方法，它非常简单易用！比如，你可以设置五角星的数量或者最大的得分等。

Signature Pad 签名板

一个使用html 5 canvas的jquery插件，你可以在这个canvas里签名，并且保存为json，以便于以后重新生成（regeneration）

Snippet jQuery Plugin

Snippet 是一个代码高亮插件

CLEditor – jQuery plugin

CLEditor 是一个轻量级、浏览器兼容、可扩展的开源WYSIWYG 编辑器，可以非常方便的集成到网站中

jDownload – jQuery Plugin

jDownload 是一款为下载提供额外信息的jquery插件。或许你会想，下载不就一个链接吗，用户直接点击就可以了！

看过这个插件后，你会惊讶的发现，原来还能这样处理！

这个插件在用户点击下载的时候会弹出一个框子，告诉文件的名称、类型、大小等信息，用户可以选择下载或者取消，是一种非常好的用户体验。

jQuery color plugin xcolor

颜色选择插件，就不多说了

Catch404

用户点击网页上的链接时，如果这个链接报404，那么该插件就发挥威力了，看它的介绍：

Catch404 jQuery Plugin displays a friendly pop up message saying that it's not available without your users even having to leave the current page. You can easily customized message and include other options like link to Home Page, Search Page, etc.

Jquery 快速构建可拖曳的购物车DragDrop

这样一来,购买者只需要把自己感兴趣的商品拖曳到自己的购物车中,也可以从购物车中删除商品同时更新购物车的总体价格和数量. 那咱们就开始实例吧,本实例并没有链接数据库读取数据来初始化Products,而是创建了一些虚拟的商品如下: 1. 创建Product实体类复制代码代码如下: public class Product { public string Code { get; set; } public string Name { get; set; } public string Descr
使用jQuery.wechat构建微信WEB应用

因为最近自己的产品要在微信公众号中推广,需要提供一些有意义的功能,于是被迫走上了支持微信这条不归路. 众所周知,腾讯是那样一个神奇的公司,他们的产品在商业上获得巨大成功,但文档真的很难令人恭维,诺大一个公众号开发平台,我竟然找不到真正的,关于web开发的官方文档,有的就是个别示例,剩下的...呵呵,有一个叫开发者交流互助的东东. 看完上面这个图后,有没有这样的感觉,一帮群众拼命的想知道发生了什么,但就是没有官方声明!o(∩_∩)o 哈哈说了这么多,赶紧入正题,本期要讲的就是我痛苦中挣扎徘徊后写
jQuery的初始化与对象构建之浅析

小结一下: 1.整个类库定义在一匿名函数中,杜绝了全局变量的产生: 2.将undefined 作为缺失的参数传递,防止了undefined 变量的污染: 3.可以看出$(...) 实际上返回的是jQuery.fn.init 对象的实例,随后将该对象的prototype 指向了jQuery.prototype (语句jQuery.fn.init.prototype = jQuery.fn),因此产生的实例共享着jQuery.prototype 里的方法和属性且实现了链式编程的操作: 4.最后通过w
实例详解jQuery的无new构建

jQuery的无new构建 jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作. 回想一下使用 jQuery 的时候,实例化一个 jQuery 对象的方法: // 无 new 构造 $('#test').text('Test'); // 当然也可以使用 new var test = new $('#test'); test.text('Test'); 大部分人使用 jQuery 的时候都是使用第一种无 new 的构造方式,直接 $('') 进行构造,这也是 jQuery 十分便捷的
JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序

以及需要用到Http方式和Openfire通信的第三方库(JabberHTTPBind). JabberHTTPBind是jabber提供的XMPP协议通信的Http bind发送的形式,它可以完成WebBrowser和Openfire建立长连接通信. 主要通信流程如下图所示: 用户A通过JavaScript jsjac.js库发送一条消息到JabberHTTPBind这个Servlet容器,然后JabberHTTPBind的Servlet容器会向Openfire发送XMPP协议的XML报文.O
JQuery 构建客户/服务分离的链接模型中Table中的排序分析

但在这个模型中,由于不能利用这些控件,我们需要借助纯Javascript和html静态代码来实现,感觉好像挺麻烦的?其实呢......分页代码既然由Webservice接口服务端中间层处理好回传回来,那么我们的排序代码也可以这样的,只是在回传前进行排序就ok了,下面就分析一下. 看过上篇的文章,可以知道在Webservice接口服务端中间层处理数据是操纵泛型的List对象代码复制代码代码如下: List<TB_WEB_NZ_INVESTMENT> list = new List<T
深入理解jQuery()方法的构建原理

前言虽然JQuery相对简单,但要全面掌握,且快速灵活的使用它也并不那么容易,它提供了很多方法,包含了网页开发的各个知识面,所以要全面掌握这些知识点,个人认为还是需要对jquery有深入的理解,对这些知识点做分类整理记忆,这样你才能面对一些JQuery代码的时候不会感到迷惑,才会知道采用何种方式实现某个特效是最佳实践,才能快速的采用JQuery来进行项目开发. jQuery中最常用方法的就是jQuery( ) ,也即$( ) . jQuery( )是一个函数调用,调用的结果是返回了一个jQue
jQuery学习笔记之jQuery构建函数的7种方法

一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象; 复制代码代码如下: //$(selector[,限制范围]) $(".guo").click(function () {//这里没有context参数 $("a.aguo", this).css({"color":"red"});//this就是context参数
读jQuery之三（构建选择器）

为了叙述每一篇的重点,其示例代码都是最精简的,比如选择器只能传HTMLElement和id. 这篇我们增强下选择器,依据2/8原则,这里仅实现最常用的几种. 1, 通过id获取,该元素是唯一的$('#id') 2, 通过className获取$('.cls') 获取文档中所有className为cls的元素$('.cls', el)$('.cls', '#id')$('span.cls') 获取文档中所有className为cls的span元素$('span.cls', el) 获取指定元素中c
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探

如果你所在公司的开发环境或者项目的开发环境处于单一语言的开发环境之中,框架不适用,因为框架的使用范围之一就是针对一个项目中存在多个语言开发的业务模块,而新项目都需要这些模块的功能,按照以前的习惯,肯定是重新开发,至少也是将其他的语言开发的业务功能变成webservice接口供新代码调用,在这种情况下,本文讨论的框架就可以派上用场并且还能在客户端消除语言差异,只使用纯javascript和html静态代码进行开发. 当然即使在单一的语言环境下,仍然可以使用该模型进行开发,不过开发人员就无法享受到各