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

96顶
5踩

Web前端

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

2010-12-01 14:15 by 正式编辑 fm_2010 评论(65) 有32576人浏览
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 条 请登录后发表评论
65 楼 wangtuda 2011-06-10 11:20
biaojiyixia!
64 楼 dingchao.lonton 2011-05-22 22:34
     
63 楼 tqyitweb 2011-04-05 16:28
好东西啊，备用
62 楼 txlaijava 2010-12-22 13:00
很好的一个东西. ~
61 楼 shangminsm 2010-12-14 09:58
这么好的东西 顶起来
60 楼 wybztn 2010-12-14 08:41
很好收藏下备用
59 楼 LoriSun 2010-12-13 17:09
http://dev.sencha.com/deploy/dev/examples/
58 楼 chshg800 2010-12-13 09:46
非常强大，标记一下
57 楼 magicway 2010-12-11 14:54
标记一下
56 楼 yulinrh 2010-12-10 20:35
的确有Bug

在Chrome下对图片的边框进行特效，发现图片都显示不出来（使用img标签的）
在FF下，对嵌套的元素进行特效，只最外面层的元素有效。比如：<p><img/></p>，对p和img都进行insetBorder()，只有p显示特效。
55 楼 skcmm 2010-12-10 14:45
谢谢分离，其中有一个效果找了好久的
54 楼 kisa1022 2010-12-07 20:51
kisa1022 写道
很少见到国人开发的插件

我说的是优秀类的
53 楼 kisa1022 2010-12-07 20:50
很少见到国人开发的插件
52 楼 rojer24 2010-12-04 20:28
51 楼 kaowww153 2010-12-04 17:14
被标题给忽悠了！
50 楼 kaowww153 2010-12-04 17:13
1打发上的
49 楼 harry_2013 2010-12-04 14:58
标记一下
48 楼 给太阳洒水 2010-12-04 11:56
上面的有些人只会在那指责别人，翻译怎么了，他翻译能让某部分人受益，你呢，你干嘛不做点啥，就是嘴上功夫……
47 楼 witcheryne 2010-12-04 10:17
YouTube Plugin 在天朝有用么？？

明显外文翻译的...  下次把原文地址贴上行不？
46 楼 erichua 2010-12-04 02:42
下次copy别人的文章的时候，希望加上翻译自。。。。！
还有不要将别人的内容缩水。
原文：http://creativefan.com/useful-jquery-plugins-for-every-project/
原文可是有其他menu以及其他插件的推荐。
    * Powerful jQuery File Uploaders
    * jQuery Accordion Menus
    * jQuery WordPress Tutorials and Plugins
    * jQuery ToolTip Plugins
    * jQuery Navigation Menus
中国只剩下copy了。

发表评论

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

相关推荐

  • 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应用程序。 然后鼠标右键点击项目，选择 添加&gt;新建项。 选择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中打开控制面板---&gt;程序和功能---&gt;打开或关闭Window功能，按以下安装好，就部署好IIS环境了。 二、WebService编写 1. 我使用的是VS2019. 首先，在解决方案中，右击解决方案-&gt; 添加-&gt; 新建项目, 选择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、如图，文件-&gt;新建项目 2、创建一个空的Web应用程序。 3、然后鼠标右键点击项目，选择 添加&gt;新建项。 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解决方案–&gt;点击工程文件–&gt;右键添加–&gt;添加服务引用–&gt;选择左下角高级–&gt;点击左下角添加web引用–&gt;然后将需要引用的url...

Global site tag (gtag.js) - Google Analytics