摘要：jQuery绝对是一个伟大的开源javascript类库，是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript，在今天这篇代码片段分享文章中，这里收集了10个超棒超实用的jQuery表单处理代码，希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题，希望大家喜欢！如果你也有相关的代码，请大家积极分享！代码片段1: 在表单中禁用“回车键”大家可能在表单的操作中需要防止用户意外的提交表单，那么下面这段代码肯定非常有帮助：在线调试在线演示12345$("#form").keypress(function(e) { if 阅读全文

摘要：常用JQuery插件整理 虽然自己也写过插件，但JQuery插件种类的繁多，大多时候，我还是使用别人写好的插件，这些都是我用了同类插件里较为不错的一些，今天就整理一下公开放出来。 UI： jquery.HooRay（哈哈，自己写的插件是必须有的） jquery UI（官方的UI插件，功能很多，但我只用少数几个） jQuery EasyUI jQuery LigerUI 对话框： artDialog（很欣赏这个插件，又强大又美观） AsyncBox（制作者小吴同学也是博客园的人呢） jBox（继续国人的插件，就是皮肤稍微做的弱了点，功能上一点不输前两者） lhgDialog... 阅读全文

摘要：SliderShow效果在国内大多数前端人员喜欢称之为幻灯片效果，不过用“slidershow”这个词搜索相关资料会比使用中文来得方便一些，而且这个效果现在在各种类型网站上都均能看见，可是有很多初学者，或者不懂javasrcipt的同学，要制作这种效果还是非常的困难。这些天趁着做策划案的需求，搜寻了一些这方面的案例与教程，并且统一了一下。仔细一看各种类型效果还真不少，我这里收集了近70种不同类型的效果，当然这些效果并不能满足用户千奇百怪的需求，但希望这些教程与案例能帮助您找到创意，或者在这些基础上做出一定的修改。最主要的是能帮您解决工作之需。下面我们一起来看看这些效果吧：1、Beautiful 阅读全文

摘要：2012-11-06 分类：Jquery、技术分享 244 views “瀑布流布局”随着pinterest网的流行而出名，现在国内使用这种风格布局的网站也越来越多，比如说Mark之，蘑菇街，点点网，哇哦等等。今天,主要向大家介绍一些相关的制作插件，以及成功的案例，希望能给大家今后的工作有所帮助。制作瀑布流布局的优秀插件首先简单的向大家推荐几款制作瀑布流的jQuery插件，这些插件能帮助大家轻松的实现类似于pinterest的布局效果：1.MasonryMasonry是一个动态的网格布局插件。每个元素水平方向都采用全float布局，但在垂直方向使用绝对定位来控制元素的位置，犹如彻墙一样，能.. 阅读全文

摘要：Lightbox 应该是最流行的图片浏览效果了，常具有功能包括：自动根据窗口的大小缩放图片，模式窗口，幻灯片方式播放，内容预加载，渐变等效果。Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件，有基于 jQuery 的，有基于 Prototype 的，也有使用原生 JavaScript 写的。今天，本文要与大家分享的是30个最佳 jQuery Lightbox 效果插件。1.jQuery LightBox在线示例2.Lightbox2在线示例3.FancyBox在线示例4.LightWindow v2.0在线示例5.Colorbox Lightbox Plugin在线示例6.F 阅读全文

摘要：一、关于滚动显屏加载常常会有这样子的页面，内容很丰富，页面很长，图片较多。比如说光棍节很疯狂的淘宝商城页面。或者是前段时间写血本买了个高档耳机的京东商城页面，或者是新浪微博之类。这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕。乖乖，估计黄花都变成黄花菜了。所以，我们得做点什么，避免这种糟糕的状况发生。目前很流行的做法就是滚动动态加载，显示屏幕之外的图片默认是不加载的，随着页面的滚动，这个要显示图片的区域进入了浏览器可是窗口范围，则触发图片的加载显示。这种做法的好处是，一是页面加载速度快（浏览器转啊转的圈圈或是进度条很快就玩完了），二是节约了流量，因为不可能每 阅读全文

摘要：版本：·jQuery v1.4.4+·Wookmark v0.5注意事项：1.项目中的 img 元素的 width 和 height 属性需要写，否则定位会不准确。（可以用 JavaScript 即时获取图片的宽高，但图片数量过多时，这将是一件不靠谱的事情，如果你执意要这么做，可以参考这个Demo）查看Demo：http://code.ciaoca.com/jquery/wookmark/demo/example.html中文文档：http://code.ciaoca.com/jquery/wookmark/官方网址：http://www.wookmark.com/jque 阅读全文

摘要：鼠标小图展示大图特效 <script type="text/javascript"> var path = { "images/01.jpg": ["images/01big.jpg","***","160"],"images/02.jpg": ["images/02big.jpg","***","168"] }; //开始遍历动态加载图片地址等 $(function() { $.each(path, f 阅读全文