随笔分类 - jQuery 插件
摘要：Lazy Load是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.Lazy Load 灵感来自 Matt Mlinac 制作的YUI ImageLoader工具箱. 这是演示页面.怎样使用?Lazy Load 依赖于jQuery. 请将下列代码加入页面head区域:<script src=
阅读全文
摘要：SuperSlidev1.2SuperSlide 是致力于实现网站统一特效调用的函数，能解决大部分标签切换、焦点图切换等效果，还能多个slide组合创造更多的效果。（兼容ie内核(包括无敌的ie6)、webkit内核、ff、opera等主流浏览器）。插件主页http://www.superslide2.com/Demo页面http://www.superslide2.com/demo.html下载地址http://www.superslide2.com/downLoad.html
阅读全文
摘要：jQuery UI 应用不同Theme的办法 jQuery UI是一套非常好用的jQuery Tools库，目前已经发布的最新版本是1.8.4。在我自己的使用过程中，总有一些不爽。因为我下载的那个包里默认的主题样式是下图这样的，使用起来很难和具体的网页风格去配合。 一开始，我准备去动手，自己修改CSS文件。这被证明是个非常费力不讨好的事情。 有一次在jQuery UI的主页【http://jqueryui.com/home】停留的时候，一个单词很快吸引了我的注意：【themeable】，这不就是“可变主题的”的意思吗？于是我进入到【http://jqueryui.com/themerol...
阅读全文
摘要：对话框是一种非常友好的方法来进行人机交流，我们可以友好的提示用户错误，警告，或者更多其它信息。使用jQuery可以很方便的添加相关的对话框功能，使得程序不在冷冰冰，这篇文章我们将介绍了jQuery的对话框插件。Appriseapprise是可以构建简单快捷并且非常吸引人的对话框功能。同时给你完全的样式定义，内容，位置及其功能的自定义空间。这个插件可以帮助你在不下载任何UI框架的情况下构建警告提示框及其对话框功能。jReject提供简单，健壮，并且轻量级的方式去显示浏览器的不支持页面，并且支持版本和平台信息。jQuery MSG plugin用来取代一般的javascript alert对话框，
阅读全文
摘要：http://jquery.andreaseberhard.de/pngFix/一、下载所需文件下载jquery最新版本 http://www.jquery.com下载pngFix包http://files.cnblogs.com/ishibin/pngFix.zip二、在head标签之间加入代码<head> ... <script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javasc
阅读全文
摘要：cui组件是一款免费的web前端jquery组件库，里面有很多常有的jquery的插件，极大的方便前端页面的开发与后台的嵌入，也为企业的web前端提供解决方案。下载地址http://files.cnblogs.com/ishibin/cui%E7%BB%84%E4%BB%B6-web%E5%89%8D%E7%AB%AFjquery%E7%BB%84%E4%BB%B6%E5%BA%93.rar出处http://www.zcool.com.cn/gfx/ZMjEzMTc2.html
阅读全文
摘要：一款很漂亮很有动感的lightbox插件。源文件压缩包有jQuery及Mootools2种版本，而且每个版本都有黑白2种皮肤。该插件支持单张图片，一组图片，gif动态图片，HTML内容，IFrame内容，Ajax等内容的展示，会随滚动条自动居中展示，效果很好。而且支持弹出层的震动效果。源文件压缩包里还提供PSD文件，大家可以自己修改。下载地址http://files.cnblogs.com/ishibin/sexy-lightbox-2.3.zip出处：http://www.zcool.com.cn/gfx/ZMTMxMjU2.html
阅读全文
摘要：View Code <!DOCTYPE html><html class="col_youhui"><head><meta http-equiv="content-type" content="text/html; charset=GB2312"><title>go to top</title><style type="text/css">#goTopBtn{ position:fixed; right:0px; bottom:55
阅读全文
摘要：介绍MSClass,是一款通用不间断滚动JS封装类,几乎支持目前所有流行风格的图片或文字的滚动/切入/渐显等效果,同时支持横向/竖向/连续/间断/缓动等多种形式。示例文字类应用实例演示文字翻屏滚动实例关注:16938文字横向滚动应用实例(DIV + CSS、鼠标拖动)关注:10319文字滚动应用，禁止鼠标控制暂停或滚动实例关注:8261文字间歇滚动及开始等待时间实例关注:7845针对TAB切换的隐藏区域应用实例关注:5735文字纵向滚动应用实例(DIV + CSS、鼠标拖动)关注:4935【※】非限定宽度横向滚动应用实例(DIV + CSS、鼠标拖动) 关注:3782图片类应用实例演示箭头控制
阅读全文
摘要：关于ValidformValidform：一行代码搞定整站的表单验证！1$(".demoform").Validform();为什么能如此方便？插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素，让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符，这样你可以随便添加或者去掉任一表单元素而不必修改验证代码，从而使仅用一行代码去完成整站的表单验证的梦想成为现实！功能简介：囊括11种常见的格式验证形式，如果这些类型还不够，可以方便的传入自定义datype【可以是正则或函数】，实现几乎任何您需要的验证形式。任何你想要的信息提示效果。tiptype可以
阅读全文
摘要：引入js以及配置滚动 <script type="text/javascript" src="jquery1.4.2.min.js"></script> <script type="text/javascript" src="kxbdMarquee.js"></script> <script type="text/javascript"> $(function(){ $('#marquee1').kxbdMarquee(
阅读全文
摘要：jquery现在是越来越大，网络加载速度上我们应该做到能省就省，毫无疑问google的服务器和cdn以及访问速度是非常快的，而且google敞开怀抱，提供各种代码库给我们下载调用。jquery就是其中一个。在jquery官网有从google 微软microsoft 以及jquery官方等cdn调用jquery的方法。做个总和测试，谁快我就用谁的，但是肯定都比从你自己网站上调用的快。下面是从谷歌，微软和jquery官方调用jquery.js的速度对比：google加载最快。 虽然有2.19s，但元快于从我们自己网站上加载的速度（3.83s）。<script type="text/
阅读全文
摘要：很棒的一个jquery弹出层插件,可以实现弹出层背景变暗效果,自定义弹出层在浏览器中的位置.谈出谈入弹出效果,ajax加载内容,iframe加载内容,弹出对话框效果等.默认效果图:其他效果请在这里看.http://dinbror.dk/bpopup/http://plugins.jquery.com/project/bpopup下载地址：http://www.phperz.com/upimg/soft/fujian/1_110621144317.rarhttp://dinbror.dk/blog/bPopup/
阅读全文
摘要：Ideal forms，这个表单美化架构简单，基于jQuery框架，能够帮助web开发人员快速创建漂亮和界面友好的表单组件。这个框架将普通的<input>表单元素改变为圆角的外观，并且加入非常吸引人的特效。并且其它的单选框和多选框也可以方便的定制。这些特效没有使用任何图片，只需要简单的HTML并且完全可以定制CSS，架构本身自带3个主题可供选择。
阅读全文
摘要：jquery的示例文件，包括：模态窗口怎么实现；jquery validate下的校验；怎么做图片特效；怎么实现异步操作；实现图片上传剪切效果等很多特效；这里把jquery校验的部分传上来与大家分享，直接复制出来就可以正常使用（没有后台异步校验没有意义，所以未上传，如有需要qq联系）文中需要用到的jquery validate的文件做校验代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
阅读全文
摘要：jQselectable 是一个日本人开发的 jQuery 插件，用来实现多种下拉列表控制的样式，如下图所示（多列显示和透明效果）：在线演示： http://jqselectable.googlecode.com/svn/trunk/index.html
阅读全文
摘要：FlexBox 是一个 jQuery 插件用来显示动态下拉框，下拉数据可直接进行翻页显示，使用的是 JSON 格式的数据源。It can be used as a:ComboBox, with per-result html templatesSuggest box, like Google's searchData-driven type-ahead input boxIt supports:Theming/Skinning via cssFlexible pagingConfigurable client-side cachingMuch more...
阅读全文
摘要：Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件，无需再次刷新页面，支持多种单元格数据类型，例如数值、字符串、日期和自定义排序。主要的特点包括：多列排序支持文本、URL地址、数值、IP地址、日期类型，以及自定义类型排序支持 TH 元素的 ROWSPAN 和 COLSPAN 属性支持第二个隐藏域排序可扩展外观程序简小，打包后只有 7.4K效果：用法：1.先引两个js<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></scrip
阅读全文
摘要：效果如下：主页:http://stanlemon.net/projects/jgrowl.html下载:http://plugins.jquery.com/files/jgrowl-1.1.2.tar.gz示例:http://stanlemon.net/projects/jgrowl.htmlExample Usage and Samples:// Sample 1$.jGrowl("Hello world!");// Sample 2$.jGrowl("Stick this!", { sticky: true });// Sample 3$.jGrow
阅读全文
浙公网安备 33010602011771号