阅读更多

96顶
5踩

Web前端

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

2010-12-01 14:15 by 正式编辑 fm_2010 评论(65) 有32817人浏览
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 条 请登录后发表评论
5 楼 unika_ly12 2010-12-01 22:12
Infinite Scroll 有点意思
4 楼 rong889 2010-12-01 21:27
很不错。。。。。
3 楼 xuhang1128 2010-12-01 20:39
前端开发方便了很多
2 楼 hueng512 2010-12-01 17:35
1 楼 javajdbc 2010-12-01 17:24
有了这些插件  代码量就少多了 感谢~~~

发表评论

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

相关推荐

  • c#Webservice的简单demo

    c#Webservice的简单demo

  • 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# Get或POST方式调用WebAPI,WebService等接口demo

    /创建一个Hashtable实例。MessageForm mf = new MessageForm("总成,加密接口通信异常!POST 与 Get 一样,改下参数就行。接口无非就是拼接字符串发动到指定的网站。

  • 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....

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

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

  • 记一次开发webService服务

    webService服务开发

  • webservice 开发过程 详解

    用eclipse 开发webservice步骤,很详细的,一看就会,是初学者的好帮手

  • java编写webservice(使用Springboot框架)

    Web service是一个平台独立的,低耦合的,自包含的、基于可编程的web的应用程序,可使用开放的XML(标准通用标记语言下的一个子集)标准来描述、发布、发现、协调和配置这些应用程序,用于开发分布式的互操作的应用程序。 Web Service技术, 能使得运行在不同机器上的不同应用无须借助附加的、专门的第三方软件或硬件, 就可相互交换数据或集成。依据Web Service规范实施的应用之间...

  • WebService的开发步骤

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

  • BOS WebService 接口开发与调用

    一.建立Façade或者Entity,本案例中以Façade为例,Entity可以参考 在BOS Studio工具中建立Façade以及相应的方法并发布,发布时要勾选“生成配置文件” 需要注意的地方: 1、发布成WebService的方法,其方法参数和返回值类型必须是下列列表中的类型,否则发布时看不见方法。是否可以添加异常未尝试。 2、早期的BOS Studio发布元数据是有BUG...

  • (源码)WebService接口开发详解

            业务场景:给一家公司的两个系统之间做部分数据做同步,A系统中进行业务操作后同步到B系统中,这样就不需要B系统再次进行操作了。         开发方案:B系统搭建WebService服务器,A系统业务操作后通过发送请求将参数传入B系统中自动执行业务操作。第一步,搭建WebService服务,建立WebService接口及实现类:/** * WebService接口 * @dat...

  • c# httpwebrequest调用webservice demo

    httpwebrequest调用webservice返回数据

  • WebServiceDemo.zip

    WebServiceDemo

  • webservice demo

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

  • 搭建和对接webservice服务

    该问题表示webservice服务端的接口和接口的实现类不在同一个包下面,需要在@WebService中添加targetNamespace值。也就是这里的targetNamespace值就是实现类接口的包名倒序。

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

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

  • 编写webservice服务

    webservice简单案例

  • 自己编写webservice_HelloWorld

    服务器端 接口 注意:@webservice @webmethod package com.imooc; import javax.jws.WebMethod; import javax.jws.WebService; /** * SEI * */ @WebService public interface HelloWS { @WebMeth

Global site tag (gtag.js) - Google Analytics