文章分类 - Jquery资料
摘要:用过一些表单美化的工具,觉得不错,特地分享一下NiceformsNiceforms是一款独立的表单美化工具,当前版本为2.0官方主页:http://www.emblematiq.com/lab/niceforms/官方演示:http://www.emblematiq.com/lab/niceforms/demo/niceforms.htmlGitHub:https://github.com/emblematiq/Niceforms使用方法,在页面头部引入以下脚本及样式即可:?12345678910<link href="niceforms-v2.0/niceforms-defa
阅读全文
摘要:春节即将到来, 这是节前的最后一篇, 来说明下 jqplot 的轴和网格的设置.请到Download 下载资源的JQueryElement 示例下载一节下载示例代码, 目录 /plot/Default.aspx.本文将详细的讲解如何设置Plot图表控件的轴和网格, 目录如下: * 准备 * 轴 * 标题 * 刻度 * 两边的空白 * 边框 * X2, Y2 * 默认设置 * 网格 * 样式 * 阴影 *(这里是没有完成的章节)准备请先查看http://code.google.com/p/zsharedcode/wiki/JQueryElementPlotDoc或者准备一节的内容.轴标题通过Ti
阅读全文
摘要:DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。官方网站及其下载:http:/www.datatables.net下载的1.6版本里面内容很全面。自动分页处理即时表格数据过滤数据排序以及数据类型自动检测自动处理列宽度可通过CSS定制样式支持隐藏列易用可扩展性和灵活性国际化动态创建表格免费的使用:首先。<title>DataTables example</title><style type="text/css" title="currentSty
阅读全文
摘要:jQuery 的插件 dataTables 是一个优秀的表格插件,提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。dataTables 的网站上也提供了大量的演示和详细的文档进行说明,为了方便学习使用,这里一步一步进行说明。首先,需要到 dataTables 的网站http://www.datatables.net/下载这个脚本库,目前最新的版本是 1.8.2,下载的压缩包中使用的 jQuery 是 1.4.4 。现在 jQuery1.5.1 已经发布,所以,这里使用最新的 jQuery 1.5.1 。然后,在网页中先加入 jQuery 的引用,然后,加入 dataTable
阅读全文
摘要:<htmlxmlns="http://www.w3.org/1999/xhtml"><headid="Head1"runat="server"><title>AutoComplate</title><scripttype="text/javascript"src="js/jquery.min.js"></script><scripttype="text/javascript"src="js
阅读全文
摘要:是不是啊~~这么一转眼,四个月就没了~~~身为码农的我。哎。。 加油吧。。。正文: 一个好看的用jquery做的打招呼 (第一次自己写啊,里面的翻页效果,初级初级~~呵呵) 首页 这个设计 哎~~给力 花钱的就是不一样~~文件已经打包下载~~下面只是说jquery~~(是不是敲代码的记忆会下降?总感觉记不住东西哎~~)下面看看里面的jquery<script><!--/*第一种形式 第二种形式 更换显示样式*/function setTab(m,n){ var tli=document.getElementById("menu"+m).getElement
阅读全文
摘要:对jQuery blockUI插件进行了小的封装扩展,支持confirm、alert、dialog弹出窗口提示信息,支持按钮回调事件。可以自定义css样式、覆盖blockUI的样式等首先要到jquery blockUI 官方网址:http://malsup.com/jquery/block/下载jquery.blockUI JS lib:http://malsup.com/jquery/block/jquery.blockUI.js?v2.38而且还需要jquery lib:http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min
阅读全文
摘要:大家先看一段简单的jquery ajax 返回值的js代码function getReturnAjax{ $.ajax({ type:"POST", data:"username="+vusername.value, success:function(msg){ if(msg=="ok"){ showtipex(vusername.id,"<img src='images/ok.gif'/><b><font color='#ffff00'>该用户名可以使用&
阅读全文
摘要:前两天分享了关于按钮和导航的资源,原文分别是玩转jQuery按钮,请告诉我你最喜欢哪些?和分享几个个人觉得挺漂亮的导航,没看过的盆友可以去临幸一下。这次主要是来分享几个个人觉得十分震憾的图片特效,有jQuery的,有CSS3的,有很萌的乌鸦动画,也有简单朴实的图片播放动画,当然有些你可能已经看到过了,不过也没关系,你能路过就算是对我的支持了。jQuery Rounded Corners各种圆角,太犀利了。有了这个,你还在为你的圆角实现准备N张图片来拼凑么?青松雪舞-必应的美丽世界貌似bing的首页一直都挺有创意的,这就是某一次首页的一张瀑布动画的图片,美丽的雪松,豪迈的瀑布,给力。需要HTML
阅读全文
摘要:jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展:1.1添加一个新的全局函数添加一个全局函数,我们只需如下定义:Java代码jQuery.fo
阅读全文
摘要:jquery validate 详解一(2010-03-11 17:39:49)转载▼标签:jqueryvalidate框架校验提示信息设置配置使用说明详解validation分类:jqueryvalidate相关jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/一导入js库<script src="../js/jquery.js" type="text/javascript"></script><script src=&qu
阅读全文
摘要:本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西。1.如何创建嵌套的过滤器:1. //允许你减少集合中的匹配元素的过滤器,2. //只剩下那些与给定的选择器匹配的部分。在这种情况下,3. //查询删除了任何没(:not)有(:has)4. //包含class为“selec
阅读全文
摘要:手头不是很忙,突然想到了ajax queue这个概念,之前貌似有看技术文章中提到过这个,就想着用jquery来实现一下,思想比较简单,没什么复杂的东西,就是用个array对象来做队列,维护ajax请求的顺序。下面给出代码:?1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465;(function($) {$.ajaxQueue = {// 管理ajax请求的队列requests: new Array(),/
阅读全文
摘要:jquery插件Ajax Manager (block, abort, queue, synchronize)可实现阻塞,放弃,查询和同步Ajax请求管理,由于功能比较强大,我写了一个非常简单的实例,实现基本的javascript 自定义ajax管理请求和响应时间,更多实例演示可参考AjaxManager。Ajax Manager使用方便,使用过程如下:下载AjaxManagerjquery插件AjaxManager效果图: 一,首先声明一个ajaxManager对象,如: var ajaxManager = $.manageAjax({manageType: ‘abortOld’, maxR
阅读全文
摘要:习惯了用自定义的ajaxList,突然说要用jquery去进行前端开发,最让我头疼的问题是ajax有没有类似于队列这样的东西。 如果一个页面同时发出多个请求,请导致浏览器瞬间假死。给用户很不好的感觉 偶然间看到亮亮的博客上有这么个例子很好,比jquery官方的要好多了,官方只有下载,没有例子,而且全部英文。悲哀!!核心代码如下:<script type="text/javascript" src="../jquery-1.2.1.pack.js"></script><script type="text/javasc
阅读全文
摘要:一,首先声明一个ajaxManager对象,如:var ajaxManager = $.manageAjax({manageType: 'abortOld', maxReq: 0});其中,manageType表示ajax管理类型,分别是:sync、abortOld、queue,maxReq表示最大请求时间,同时还有一个 参数blockSameRequest表示如果请求相同的情况下是否阻塞其它请求,如:blockSameRequest: true。基本上只需要掌握这三个参数的配置,就能实现功能强大的javascript自定义管理ajax请求和响应时间功能。二,然后给声明对象增加
阅读全文
摘要:虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来。 UI: jquery.HooRay(哈哈,自己写的插件是必须有的) jquery UI(官方的UI插件,功能很多,但我只用少数几个) jQuery EasyUI jQuery LigerUI 对话框: artDialog(很欣赏这个插件,又强大又美观) AsyncBox(制作者小吴同学也是博客园的人呢) jBox(继续国人的插件,就是皮肤稍微做的弱了点,功能上一点不输前两者) lhgDialog(作者似乎和我同龄,挺不错的...
阅读全文
摘要:byzhangxinxufromhttp://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1259一、关于滚动显屏加载常常会有这样子的页面,内容很丰富,页面很长,图片较多。比如说光棍节很疯狂的淘宝商城页面。或者是前段时间写血本买了个高档耳机的京东商城页面,或者是新浪微博之类。这些页面图片数量多,而且比较大,少说百来K,多则上兆。要是页面载入就一次性加载完毕。乖乖,估计黄花都变成黄花菜了。所以,我们得做点什么,避免这种糟糕的状况发生。目前很流行的做法就是滚动动态加载,显示屏幕之外的图片默认是不加载的,随着页面的滚动,
阅读全文
摘要:百度搜索“图片分屏加载”,映入眼帘的就是jquery.lazyload,相信很多人用过,或许现在还在用,今天我就来说说这个插件的严重BUG。 何为图片分屏加载?顾名思义,就是让图片出现在浏览器可视区域内时,才进行加载。好处就是当页面上图片过多时候,不需要一次性加载完,大大提高了友好性,也减轻的服务器的压力。 关于jquery.lazyload的demo,大家可以看一下:demo 我们发现,第一屏内的图片,是正常加载了,当滚动到第二张的时候,过了几秒,也渐显出来了,似乎没什么大问题。这时,我们用火狐的firebug再来观看下,当然为了确保测试稳定,我用金山卫士清空了浏览器缓存。 看到...
阅读全文
摘要:一、Jquery向aspx页面请求数据前台页面JS代码:$("#Button1").bind("click",function(){$.ajax({type:"post",url:"default.aspx",data:"name="+$("#Text1").val(),success:function(result){alert(result.msg);}});});<inputid="Text1"type="text"valu
阅读全文

浙公网安备 33010602011771号