资讯频道 → Web前端
阅读更多

96顶
5踩

Web前端

原创新闻 Web开发者必知的12款jQuery插件

2010-12-01 14:15 by 正式编辑 fm_2010 评论(65) 有32577人浏览
jQuery Web BBS

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

jQuery插件能够增强网站的可用性，有效地改善用户体验，还可以大大减少创建一个新站点的开发时间。现在的jQuery插件很多，尽可以根据您的项目要求来选择，不过也有一些插件很好用，几乎各种项目都能够用得上。这里就为您介绍12款开发中最常用的jQuery插件。

1.jQuery BBCode Editor

下载地址：http://www.w3theme.com/jquery-bbedit/

Bbcode简单易用，它是BBS、论坛、Blog等网络应用上的一种常用输入语法。jQuery BbCode Editor提供自定义设置，可以打造出很个性化的bbcode编辑器，它的源代码都可以根据需求灵活修改。


2.Exposure

下载地址：http://plugins.jquery.com/project/Exposure/

Exposure是一个图片预览插件，用于创建丰富，自定义的视觉体验，可以处理海量图片。


3.jQuery YouTube Plugin

下载地址：http://www.tikku.com/jquery-youtube-tubeplayer-plugin

这个插件基本上是个标准的YouTube播放器API了。开发者省略了一些功能，但足够用了。


4.PoshyTip Tooltips

下载地址：http://vadikom.com/tools/poshy-tip-jquery-plugin-for-stylish-tooltips/

用它可以很方便地创建工具提示框，很有型哦，而且该有的功能都有了。


5.InputNotes jQuery Plugin

下载地址：http://fredibach.ch/jquery-plugins/inputnotes.php#demo

一个用于在文本域下方添加注释的jQuery插件，基于正则表达式。


6.Infinite Scroll

下载地址：http://www.infinite-scroll.com/

用了这个插件，用户访问你的网站就不用翻页啦！实际上它是预读了后续页的内容并将其直接添加到了当前页面。


7.jQuery xColor Plugin

下载地址：http://www.xarg.org/project/jquery-color-plugin-xcolor/

一个简单易用的混色器。


8.Bit.ly jQuery

下载地址：http://www.moretechtips.net/2010/07/bitly-button-jquery-plugin-for-your.html

这个插件可以创建能够动态显示点击次数的按钮（方形的或者长方形的），还可以实现文章转推功能。


9.Inset Border Effect

下载地址：http://css-tricks.com/inset-border-effect/

这是一个非常简单但整洁的效果。它能够给图像加上一个边框，这个边框涵盖了图像的一部分，与CSS做出来的边框是不同的。


10.Apple Zoom

下载地址：http://tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/

不多解释了。


11.jTweetsAnywhere

下载地址：http://thomasbillenstein.com/jTweetsAnywhere/

jTweetsAnywhere是一个jQuery 的Twitter小工具，它可以很方便地在网站里添加Twitter功能。


12.Form Validation with Hints

下载地址：http://www.icograma.com/nuestro-trabajo/open-source/jquery-form-validation-and-hints/jquery-form-validation-and-hints-client-side-form-validation.html

这个jQuery插件使表单验证开发工作更简单了，预置了常见的验证规则，方便开发者自行设置。

  • 大小: 15.1 KB
  • 大小: 31.4 KB
  • 大小: 24.8 KB
  • 大小: 20.3 KB
  • 大小: 14.8 KB
  • 大小: 28.7 KB
  • 大小: 11.8 KB
  • 大小: 23.9 KB
  • 大小: 48 KB
  • 大小: 19.4 KB
  • 大小: 12.4 KB
  • 大小: 24.7 KB
96
顶
5
踩
评论 共 65 条 请登录后发表评论
25 楼 sguohe 2010-12-03 09:52
不错，学习一下
24 楼 Coool 2010-12-03 09:45
为了以后好找、、、、
23 楼 leo77 2010-12-03 09:34
好东西 盖个戳，以后用到好找
22 楼 zydar 2010-12-03 09:30
犀利的插件
21 楼 hellazreal 2010-12-03 09:09
盖个戳，以后用到好找
20 楼 liyaxi 2010-12-02 21:06
好好好好好 ， 好资料呀！
19 楼 liukai 2010-12-02 13:34
提示那个UI有BUG
firefox浏览器用的话 浏览器要崩溃
18 楼 JavaLanguageFun 2010-12-02 11:44
很好很强大 。项目里面可以用到 。不过有几个插件 还不太美观 。比如那个验证地 。
17 楼 yaofeng911 2010-12-02 10:17
希望能出更好的JQuery插件
16 楼 yangfuchao418 2010-12-02 10:15
twitter的那个 被河蟹。哇靠
15 楼 xiaoyangok 2010-12-02 09:17
Form Validation with Hints 有bug,先把文本框填了,再去掉,照样通过验证
14 楼 yuankai 2010-12-02 09:09
PoshyTip Tooltips  感觉反应有点慢，而且占CPU。
13 楼 mingtian525 2010-12-02 08:52
不可否认我懂得太少，特来学习。
12 楼 xiaoLee 2010-12-02 08:51
不错，值得学习
11 楼 smzd 2010-12-02 08:45
好东西是用来收藏的，也是用来分享的。世界因你而精彩！
10 楼 elan1986 2010-12-02 08:38
确实很不错！
9 楼 zhengyutong 2010-12-02 08:09
bbcode挺好，我正为这个发愁呢。
8 楼 linvar 2010-12-02 07:40
竟然一个都没用过...
jquery确实好用...
7 楼 江南白衣 2010-12-01 23:33
"必须知道"这个标题总是百试不爽，累计起来，新闻里这些必须知道的jquery插件有几百个了吧：）
6 楼 kjj 2010-12-01 22:39
jquery v 5

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • c#Webservice的简单demo

    c#Webservice的简单demo

  • C# 开发webservice接口、请求HTTP接口、iis发布服务

    本例开发工具用的是Visual Studio 2022，代码实现以下功能。

  • java webservice编程_WebService应用--使用java开发WebService程序

    使用Eclipse开发第一个WebService程序，本示例采用的工具为Spring-Tool-Suite,和Eclipse没有本质的区别，开发环境jdk1.7一、开发步骤：1.新建名为WebService项目新建HelloService类，放在com.test.webservice包下下面进行服务端程序的编写：1 packagecom.test.webservice;2 importjavax....

  • WebService的开发步骤

    WebService的开发要追究于SOA的发展。 软件开发从面向过程到面向对象 到面向服务。在今天说WebService之前，我想先简单说一下什么是面向服务（SOA）。 以上面这张图来看，可以看出面向服务结构是一个组件模型， 它将应用程序的不同功能单元（称为服务）通过这些服务之间定义良好的接口和契约联系起来。 这样做的特点是 每个服务都有明确的边界。各个服务之间相互独立，并且

  • webservice原理及基于cxf开发的基本流程

    一、SOA和webservice SOA(service-Oriented Architecture)是面向服务的架构，是一个组件模型，它将应用程序的不同功能单元（称为服务）通过这些服务之间定义良好的接口和契约联系起来。接口是采用中立的方式进行定义的，它应该独立于实现服务的硬件平台、操作系统和编程语言。这使得构建在各种各样的系统中的服务可以使用一种统一和通用的方式进行交互。web s...

  • webservice demo

    webservice demo webservice demo asp.net webservice 示例程序

  • C# 创建、部署和调用WebService的简单示例

    webservice 可以用于分布式应用程序之间的交互，和不同程序之间的交互。 概念性的东西就不说太多，下面开始创建一个简单的webservice的例子。这里我用的是Visual Studio 2015开发工具。 首先创建一个空的Web应用程序。 然后鼠标右键点击项目，选择 添加>新建项。 选择Web服务，点击添加。一个简单的webservice就创建完成了，接下来编...

  • C# 写的一个完整的webservice框架

    C# 写的一个完整的webservice框架，经过几个小时的努力，终于完成了，功能很完整，给大家共享一下

  • WebService——使用C#编写WebService的服务端

    WebService是一门跨平台跨语言的远程调用技术，这里仅对C#的WebService编写做一个简单的案例。 1.打开VS2013——>新建项目——>ASP.NET Web应用程序——>Web Forms.在web应用程序中设置项目工程名和项目存放位置。具体效果图如下： 2.在App_Start下添加Web服务，如果右键添加为你看到Web服务可以点击最后一项展

  • 开发webservice应用程序

    随着Internet/Intranet的发展，开发模式发生了变化，第一波重要的技术是http/html，他给Internet/Intranet和电子商务都带来重要的影响；第二波是java技术的兴起，java带来了跨品台的锲机，让开发人员可以使用单一的语言和环境开发应用系统；第三波是xml技术的兴起，它提供了标准的数据封装，让数据交换跨越了各种平台、操作系统和各种工具，通过xml，各种数据交换不再让...

  • Web接口开发之WebService接口的编写、发布、访问、应用

    开发工具：VS2015 一、接口的开发 首先新建一个Web项目 选择空项目 项目建好后，选中项目名称 右键添加新项，选择web服务(ASMX)（.asmx的全程是Active Server Methods，是WEB服务文件） 这个时候我们就建好了一个WebServices项目了，新建的接口默认有一个HelloWorld方法 点击执行：网页地址栏就是我们刚刚新建的webService接口地址，HelloWord就是默认的方法 二、接口的发布 选择我的电脑右键管理 打...

  • WebService学习教程（一）

    讲师：安涛，手机号：18201597710（微信）；邮箱：at_1000@126.com Webservice Webservice就是一种远程调用技术，他的作用就是从远程系统中获取业务数据   1       课程安排 什么是webservice Webservice入门程序 Webservice的应用场景 Webservice的三要素 WSDL：web服务描

  • 分布式编程->XML Webservice实现原理及相关知识

    好多书籍只介绍创建XML Webservice，并没有详细介绍XML WebService的工作原理以及各部分(例如IIS Asp.net)在XML WebService中所起的作用.学习后整理了一下,希望对读者有所帮助!(一).XML WebService作用  XML WebService在应用程序中所起的作用与.Net远程调用处理组件相同.   用户不能直接使用WebService,只能

  • WebService环境安装+编写+发布部署+调用

    内容目录： 1. WebService环境安装 2.WebService编写 3.WebService的发布及部署 4.WebService调用 一、WebService环境安装 部署IIS环境。 win7中打开控制面板--->程序和功能--->打开或关闭Window功能，按以下安装好，就部署好IIS环境了。 二、WebService编写 1. 我使用的是VS2019. 首先，在解决方案中，右击解决方案-> 添加-> 新建项目, 选择ASP.NE..

  • webservice开发流程

    webservice的功能 跨平台调用 跨语言调用 远程调用 项目中使用webservice 1.1编写接口 1.2编写实现类 1.3发布webservice，使用springboot配置实现发布 bus和intercept配合使用加拦截器可以扩展功能，对saop信息进行处理。 随父模块的springboot启动项一起启动则发布接口。 类似发布接口参考 其他方式发布 ...

  • C#编写的简单Webservice例子实操

    环境：visual studio 2013， Windows7。根据博客的方法一步一步的试验，得到如下结果。 一、创建webservice C#工程 1、如图，文件->新建项目 2、创建一个空的Web应用程序。 3、然后鼠标右键点击项目，选择 添加>新建项。 4、在界面中选择Web服务，点击添加 5、如下图所示，WebService的简单Demo就建好了，包含一个Hello World简单示例 6、新建一个简单的加法程序，点击运行 7、点击刚刚新建的Add方法，进入界面后输入参数，

  • 动态调用WebService

    public class WebServiceHelper { //动态调用web服务 public static object InvokeWebService(string url, string methodname, object[] args) { return WebServiceHelper...

  • C#调用webservcie接口(接口为.asmx文件)

    今天可是相当的高产…不玩游戏的一天的我，时间好漫长啊 调用好像是有三种方法，一种直接引用，一种使用代理，还有一种就是使用Webpost方法调用接口(不过应该需要接口那边支持) 方法一 webservice直接引用，挺简单的 步骤 打开vs解决方案–>点击工程文件–>右键添加–>添加服务引用–>选择左下角高级–>点击左下角添加web引用–>然后将需要引用的url...

Global site tag (gtag.js) - Google Analytics