随笔分类 - Jquery
摘要：Responsive Image Gallery with Thumbnail CarouselElastic Image Slideshow with Thumbnail PreviewFlexSlider – The Best Responsive jQuery SliderjQuery Responsive Thumbnail Gallery PluginwmuSlider, a jQuery responsive sliderBlueberry – A simple, fluid, responsive jQuery image sliderPhotoSwipeElastislide
阅读全文
摘要：1)jQtransform jQuery Plugin对表单进行外观美化的插件2)Live ValidationLiveValidation 是一个轻量的表单验证库。除了传统的验证功能，还提供实时验证，可以一边输入一遍验证。Ruby on Rails用户可能会发现这个库非常好用，因为他们的命名规则和参数十分近似。该库既有独立版本，又有一个 Prototype 版本。3)jQuery Comment Preview4)In Field Labels jQuery Plugin这是一个用来对表单进行处理使之支持直接在编辑框中显示提示信息的插件5)Checking Username Availabi
阅读全文
摘要：jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果，其中之一就是幻灯片，一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片，一起欣赏。Cloud Carousel(演示|下载)ShineTime(演示|下载)Nivo Slider(演示|下载)Interactive Photo Desk(演示|下载)Beautiful Photo Stack Gallery with jQuery and CSS3(演示|下载)Micro Image Gall
阅读全文
摘要：Subway Map Visualization jQuery PluginDownload|Demojquery-toastmessage-pluginDownload|DemoGmap Google Maps Plugin for jQueryDownload|DemoRecurly.jsDownload|Demo960 Grid on jQuery-MobileDownload|DemojQuery.spritelyDownload|DemoJQZoomDownload|DemoSkitterDownload|DemoCreating a Slick Auto-Playing Featu
阅读全文
摘要：1. jQuery UI Bootstrap一个基于 Twitter Bootstrap 的 jQuery UI 主题2. jqGrid这是非常棒的jQuery 表格插件，在线演示：here.3. Cloud ZoomCloud Zoom 是一个小型的图像放大镜插件，放大动作非常平滑4. jQuery continuous calendarjQuery 的日历插件，支持日期拖拉、日期范围拖拉等等5. FlotFlot 是一个纯 JS 库，用于生成漂亮的图表，在线演示：here.6. FullCalendarFullCalendar 是一个 jQuery 的日历插件，提供全尺寸、拖放操作的日历功
阅读全文
摘要：这篇文章收集了8款优秀的响应式jQuery幻灯片插件，它们能够非常容易的集成到 Web 项目中。响应式（Responsive）设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。FlexsliderFlexSlider 是一款非常棒的响应式 jQuery 幻灯片插件，能够自适应屏幕尺寸，呈现漂亮的外观。BlueberryBlueberry 是一款开源的 jQuery 图片幻灯片插件，适用于流体、响应式网页布局。unoslider特别推荐 unoslider这款幻灯片插件，基于响应式设计，拥有众多切换效果，支持触屏。Responsive Thumbn
阅读全文
摘要：在网站或应用程序中添加交互或通信功能，可以为用户带来非常棒的使用体验。本文整理了10个非常实用的jQuery插件和教程，可以帮助你在网站或应用中整合交互或通信功能，如新闻预览、显示最近日志的小部件、友情链接侧边栏等。1. 使用jQuery、CSS3和PHP实现图片趣味处理在本教程中，将实现一个在线应用程序，可以为图片添加各种有趣的部件（如胡须、眼镜和嘴唇等），使用jQuery和jQuery UI来实现部件的拖动和大小调整。源码/演示2. 基于jQuery的小型新闻预览器在本教程中，你将学习如何创建一个新闻预览器，以显示你的最新文章或新闻。源码/演示3. Ajax IM这是一个基于浏览器的即时消
阅读全文
摘要：It is our goal to provide Enterprise support for jQuery and to give back to the community. Intellisense is an important feature for Visual Studio 2010 developers and we want to make that easy when it comes to jQuery.Along these efforts we have started to collect and provide links to jQuery vsdoc fil
阅读全文
摘要：在以前的工作中，我如果需要写一个类似于Google搜索的自动完成，那可能涉及到JS的编写，CSS样式，以及后台代码如何生成json或者xml传递给自动完成控件。现在可以使用jQuery UI的Autocomplete,你的工作量会少的惊人。来看我如何实现：1.添加jquery ui js和css引用。2.页面添加一个textbox，并在该textbox上使用autocomplete脚本：3.添加Action,并返回json。在第二步中我们看到ID为complete的textbox它的source为home这个controller下的action: Users。所以接下来我们要来实现Users这
阅读全文
摘要：我相信大部门的.net开发人员还在完全使用asp.net框架开发或者有一部分人是asp.net和asp.net mvc项目都有在做。对于传统的asp.net如果要有好的体验，那么ajax效果当然不可少。。。我刚才问了一个同事，我说现在我要在asp.net中前台页面要后台传过来json格式的数据，你觉得我用哪种方式好，回答很肯定是Ihttphandler我完全同意。。。那json对象的转化工具你选择什么呢？ Newtonjson。。。好主意。。而且我也很喜欢这个序列化反序列化库。http://json.codeplex.com/ 这个东西可能你也用过好多次了。。。甚至借助nuget，你都不需要去
阅读全文
摘要：1.Bootstrap, 一个来自 Twitter 的工具包，用于快速开发 Web 应用和网站。 2.BrowserID, 一个安全，分散，开源，基于 email 地址的跨浏览器网站同步登录。 3.Canvas, 基于云计算的学习管理系统 LMS 4.Cloud Foundry, 一个开放的平台作为一种服务（PaaS）云，开发框架和应用服务的选择; 5.Moai, 一个移动游戏开发平台，提供基于云的游戏服务和 iOS, Android 应用快速开发平台。 6.Mooege,一个开放源码的教育游戏服务器仿真器; 7.OpenShift, 来自 Red Hat，免费，可扩展的 Plat...
阅读全文
摘要：jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。一、选择网页元素jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。 使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。选
阅读全文
摘要：本文提供即刻提升你的脚本性能的十个步骤。不用担心，这并不是什么高深的技巧。人人皆可运用！这些技巧包括：使用最新版本合并、最小化脚本用for替代each用ID替代class选择器给选择器指定前后文建立缓存避免DOM操作避免使用concat()，利用join()处理长字串返回false值利用小抄和参考文档1. 使用最新版本jQuery一直处于不断的开发和改进过程中。John和他的团队不断研究着提升程序性能的新方法。一点题外话，几个月前他还发布了Sizzle，一个据说能在Firefox中把程序性能提升3倍的JS选择器库。如果你不想时刻关注是否有新版本，然后再花时间下载上传，Google 就又能帮你一
阅读全文
摘要：调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具，希望大家喜欢！Online Debugging Tools1. PastebinPastebin是一个协作式的调试工具，帮助你在IRC，IM或者消息版上对话来分享和修改代码片段2. JSON Formatter and ValidatorJSON格式化工具用来帮助打来调试JSON。因为JSON数据格式经常没有换行，可能非常难于阅读。这个工具可以帮助你解决这个问题3. JS Bin – Collaborative JavaScript
阅读全文
摘要：我们都知道jquery具有灵活性和许多用途，尤其是在一些令人印象深刻的炫彩效果中都必须用jquery的应用图像才能做出来，他真的可以做一些很有用的东西。效果足以让你惊奇，在本文中我推荐10个jquery插件来帮助你处理图像幻灯片幻灯片是一个疯狂的简单的jQuery幻灯片插件。随着循环，自动播放，褪色或幻灯片过渡效果，交叉淡入淡出，图像预加载，并自动生成的分页功能。人脸检测人脸检测是一个令人印象深刻的插件，顾名思义。它可以检测出照片中的面孔。AviaSliderAviaSlider是一个独特的过渡效果的jQuery幻灯片插件。Fullscreenr所以你想要一个背景图像在您的网站上,总是充满屏幕
阅读全文
摘要：首先看下JS的事件模型，JS事件模型为向上冒泡，如onclick事件在某一DOM元素被触发后，事件将跟随节点向上传播，直到有click事件绑定在某一父节点上，如果没有将直至文档的根。 阻止冒泡：1、stopPropagation()对于非IE浏览器。2、cancelBubble属性为true，对于IE浏览器， 而Jquery已经有兼容浏览器的方法，event.stopImmediatePropagation(); 1 <style> 2 body 3 { 4 background:black; 5 } 6...
阅读全文
摘要：在跟html+ashx打交道的园友们肯定会发现，这种模式虽然优美，但在开发中会遇到一些难处理的地方。我也不例外，下面是自己在实际开发中总结出来的几条经验，希望跟大家分享，更希望得到大家的建议和更好的解决方法！ 问题1：用委托字典代替switch...case。 这个问题是在处理请求时发现的，大家肯定也不愿意在自己的项目中建许多的handler来处理那么多的请求，于是就想到在一个handler里处理多个请求，ajax请求中都加一个action的参数，在handler里根据这个action做相应的处理或返回相应的数据，这里肯定没有人用if...else来判断action，大多数人都会想到用sw..
阅读全文
摘要：1，同一域名下和其他的请求可以是一样的js: varurl="http://localhost:2589/a.ashx";$(function(){$.getJSON(url,function(data){alert(data.Name);})});服务器返回字符串：{"Name":"loogn","Age":23}2，不同域名下js:varurl="http://localhost:2589/a.ashx?callback=?";$(function(){$.getJSON(url,funct
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script type="text/javascript" src="
阅读全文
摘要：本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段，因此如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。1.如何创建嵌套的过滤器：1. //允许你减少集合中的匹配元素的过滤器，2. //只剩下那些与给定的选择器匹配的部分。在这种情况下，3. //查询删除了任何没（:not）有（:has）4. //包含class为“selec
阅读全文
