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

96顶
5踩

Web前端

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

2010-12-01 14:15 by 正式编辑 fm_2010 评论(65) 有32324人浏览
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了。

发表评论

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

相关推荐

  • 用vfp编写Web Service

    用vfp编写Web Service

  • c#Webservice的简单demo

    c#Webservice的简单demo

  • webservice开发流程

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

  • OCP-1Z0-053-V13.02-245题

    245.Which statements are true regarding system-partitioned tables? (Choose all that apply.) A. Only a single partitioning key column can be specified. B. All DML statements must use partition-extend

  • C#之WebService

    概述 WebService是网络服务中一项重要的技术，有着非常重要的应用。 WebService接口编写 WebService接口的编写，比较简单，许多教程都有提到，本文不在赘述。大概按以下思路，不熟悉的请自行百度。 新建WEB项目 添加 web service 编写接口方法 发布 同源调用 WebService的同源调用比较简单，只需要按照以下步骤即可。 添加服务引用 实例化webserv...

  • 开发webservice应用程序

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

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

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

  • webservice demo

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

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

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

  • 简单的Web Service（自己试过MyEclipse XFire写过）

    本Guide利用Eclipse以及Ant建立一个简单的Web Service，以演示Web Service的基本开发过程：   1.系统条件： Eclipse Java EE IDE for Web DevelopersJava SE 6Windows XP 2.基本环境搭建： 1）Java SE6 JDK的安装：下载Java SE6 JDK，双击，安装默认选项进行安

  • java IDEA创建WebService项目，调用时添加到数据库：步骤实例

    目录 应用场景： 一：利用idea创建webservice项目 二：添加到数据库： 应用场景： 需要我方提供webservice接口，使用方调用时传递数据，保存到我方的数据库中， 一：利用idea创建webservice项目 1）File&gt;&gt;new&gt;&gt;project 2）填写项目名， 3）项目初始结构（有一个自动生成的Java类–HelloWorl...

  • WebService接口开发

    webservice接口生成客户端代码

  • Mongodb记录

    Mongodb

  • apache工作模式prefork参数配置

    简介  apache最常用的工作模式为prefork-mpm和event-mpm，prefork是编译apache默认的，也是最常用的工作方式，下面我们就来讲下根据服务器硬件配置来确定参数。 注：通过以下方法我们得出的结论仅作为我们的一个参考，具体调整还得根据服务器实际运行情况来进程。配置过程首先我们先来介绍一个python脚本ps_mem.py，功能是列出各个进程占用的内存。此脚本在本博文最后贴

  • Oracle OCP 1Z0-050（91-100题）解析

    Oracle OCP 1Z0-050（91-100题）解析 QUESTION 91: Which statements are true regarding system-partitioned tables? (Choose all that apply.) A. Only a single partitioning key column can be specified. B. The...

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

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

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

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

  • C# webservice初探

    由于工作的终端以前是直接对数据库进行操作，导致每次终端会卡死，严重影响业务进度。所以进行了技术调整，用webservice来作为数据对接的一个中间件，自己也部署了一下webservice环境和入门。总体来说分为以下这几个步骤：         1.部署IIS环境         2.创建webservice         3.编写测试程序引用webservice         我们就开

  • java 写一个webservice接口（部署到Tomcat下）

    java 写一个webservice接口（部署到Tomcat下） 创建一个web项目（我的是一个maven项目） 添加jar包 &amp;lt;dependencies&amp;gt; &amp;lt;dependency&amp;gt; &amp;lt;groupId&amp;gt;junit&amp;lt;/groupId&amp;gt; &amp;lt;artifactId&amp;gt;junit&amp;lt;/artifactId&amp;gt; &amp;lt...

  • 通过普通类写一个简单的Web Service并发布

    首先创建一个简单的java项目 然后创建三个文件如上图所示（个人习惯把各个方法写在对应的类中，如果你习惯都写在同一个类中，那么也是可以的） 这三个文件分别是 IWebService.java 注意：一定要写 @WebService 注解 package cn.xuzihui.itf; import javax.jws.WebService; @WebService pub...

Global site tag (gtag.js) - Google Analytics