随笔分类 - [10]JS
-
jQuery plugin Validation Callback使用
摘要:jQuery plugin Validation的7個Callback介紹 Validation是jQuery的一個很強的驗證使用者輸入的plugin,功能強就算了,還非常的有彈性,可以客制非常多的東西,這次要介紹的是7個Callback使用,讓用Validation更隨心所欲。版本jQuery:1.4.2Validation:1.7資源Validation官網jsFiddle測試網頁寫好的範例,... 阅读全文
-
jQuery Validation范例
摘要:/**//** * @author ming */ $(document).ready(function(){ /**//* 设置默认属性 */ $.validator.setDefaults({ submitHandler: function(form) { form.submit(); } }); // 字符验证 jQuery.validator.addMethod("stringCheck"... 阅读全文
-
jquery.validate
摘要:需要JQuery版本:1.2.6+, 兼容 1.3.2<script src="../js/jquery.js" type="text/javascript"></script><script src="../js/jquery.validate.js" type="text/javascript"></script>二、默认校验规则(1)requi... 阅读全文
-
Jquery基础知识学习笔记
摘要:Jquery基础知识学习笔记以前大体地了解了一些Jquery知识,最近想抽出时间再温习一编,并稍微做了一些整理26个Jquery使用小技巧(jQuery tips, tricks & solutions) 摘要: 前段时间发布了Jquery类库1.4版本,使用者也越来越多,为了方便大家对Jquery的使用,下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口... 阅读全文
-
13个绚丽的Jquery 界面设计
摘要:今天共享一些令人振奋的UI教程,这些UI大部分是基于Jquery的插件,主要包括动态切换视图的相册、3D旋转分享按钮、Facebook admin Panel,下滑效果的导航Menu,滑翔购物车功能,漂亮的Form表单元素等等。How to create the image-less from Google.com无图片、完全通过CSS控制的一些表单元素。据说Google专门招募了一些设计高手专门... 阅读全文
-
26个Jquery使用小技巧
摘要:前段时间发布了Jquery类库1.4版本,使用者也越来越多,为了方便大家对Jquery的使用,下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、... 阅读全文
-
jQuery之浮动窗口
摘要:jquery的Theme和Theme Switcher使用总结 摘要: 首先上一幅截图,效果不错吧:一、引入jquery主题theme在head中引用jquery主题的CSS链接http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/base/jquery-ui.css还有许多其他不同的主题:base, black-tie, blitze... 阅读全文
-
Ext.data.DataWriter Example
摘要:Ext.data.DataWriter ExampleThis example shows how to implement a Writer for your Store. A Writer-enabled Store frees you from having to manually compose Ajax requests to perform CRUD actions on a Stor... 阅读全文
-
jquery.simple.tree插件,更简单,兼容性更好的无限树插件!
摘要:在这里介绍一款小巧,功能强大,能拖拽,支持异步,且兼容性更高的jquery Tree插件:效果如下:选择:拖拽:jquery.simple.tree.官网地址: http://news.kg/wp-content/uploads/tree/(貌似已经打不开),不过因为操作比较简单,所以我们暂且用之。前面讲过jquery EasyUI Tree插件,简单易用,但经过测试仍有诸多缺点, 例如: 1... 阅读全文
-
DatePicker
摘要:jQuery UI里面只有一个DatePicker,只能选择日期,不能选择时间,有人做了一个可以选择时间的DateTimePicker,在这里(http://razum.si/jQuery-calendar/TimeCalendar.html)可以看到,把jquery.js,jquery-calendar.js,jquery-calendar.css下回来之后就可以用了。但是有几个Bug需要自己修... 阅读全文
-
jQuery Tools——不可错过的jQuery UI库(五)
摘要:。今天这篇是jQueryTools系列文章的最后一篇,来介绍一个综合了jQueryTools中的滚动效果(Scrollable)、遮罩效果(Overlay)、提示工具条(Tooltip)和突出效果(Expose)的综合使用实例,希望能对jQuery Tools的灵活使用有更好的认识。 这个示例应该算是一个图片展示的完整示例,首先看效果:在上面示例中,首先看到的是缩略图的展示,在缩略图展示上应用了滚... 阅读全文
-
jQuery Tools——不可错过的jQuery UI库(四)
摘要:今天讲解jQuery Tools中另一工具组件——滚动效果(Scrollable)。滚动效果在网页设计中也是经常用到的,例如滚动新闻、幻灯片展示、相册……(发挥想象力吧,用到选项卡的内容切换中是不是会很酷)。 开始前还是要啰嗦几句,jQueryTools关注的是提供灵活可控的功能,而非展现。虽然官方站点也给我们提供了漂亮的示例,但是那些展现与jQ... 阅读全文
-
jQuery Tools——不可错过的jQuery UI库(三)
摘要:本篇讲解jQuery Tools中十分有用的一个组件——遮罩效果(overlay)。遮罩效果的实现包含两个部分:触发遮罩效果的元素(触发器),及事件触发后,页面上方弹出的遮罩层元素。 下面看一个最简单的例子(点击关闭按钮或触发按钮或esc键,关闭overlay): HTML Code: Javascript Code: CSS是可以由你自由定义的,上面示例的效果用... 阅读全文
-
jQuery Tools——不可错过的jQuery UI库(二)
摘要:本篇继续以示例的形式讲解Jquery Tools中的另两个组件tooltips(提示工具条)和expose(突出效果)。 Tooltips(提示工具条)Tooltips(提示工具条),就是当把鼠标放在网页某个元素上时,显示某个提示信息,用以解释或提示当前操作。它是改善用户体验的一种方式,也是网页设计中经常用到的。下面首先看一个最简单的应用示例(将鼠标移动到下面图片上):The Tooltip提示内... 阅读全文
-
jQuery Tools——不可错过的jQuery UI库(一)
摘要:从本篇起开始介绍jQuery Tools的各个工具组件。 在进入正题前,还是想啰嗦一些东西,也许对jQuery Tools的理解会有所帮助。jQueryTools的功能侧重于信息展示和视觉效果,从网页常用的功能点上改善用户体验和可阅读性。这一点与其它一些JavascriptUI库不同,它们可能会侧重于一些桌面应用程序效果,诸如拖拽、滑动、排序等,这在富应用程序(RIA)中的应用可能会更多些。而jQ... 阅读全文
-
jQuery Tools——不可错过的jQuery UI库
摘要:jQuery Tools是一组基于jQuery构建的用户界面常用组件的集合。通过使用jQueryTools,网站前端开发无疑会变得更加高效。值得注意的是,jQueryTools的gzip压缩版本仅有5.8k,如此轻量级而且功能实用的UI组件绝对值得我们关注。下面是官方主页对它的一个描述: jQuery Tools包含如今网站六个最有用的javascript工具。它的一个优点是所有这些工具可以一起使... 阅读全文
-
JS函数验证总结
摘要:JS函数验证总结 //验证是否为整数,包括正负数; function Is_Int(str) { var reg=/^(-|\+)?\d+$/; return reg.test(str); } //是大于0的整数 function Is_positive_num(str) { var reg=/^\d+$/; return reg.test(str); } //负整数的验证 function Is... 阅读全文
-
js API
摘要:事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.ret... 阅读全文
-
asp.net 操作Cookie和JS操作Cookie
摘要:(1)ASP.NET cookie 操作详解|cookie 写入、读取、修改、删除2008年10月18日 //写入 protected void Button2_Click(object sender, EventArgs e) { HttpCookie cookie=new HttpCookie("MyCook");//初使化并设置Cookie的名称 DateTime dt=DateTime.... 阅读全文
-
jQuery实现的几个你可能没用过的功能
摘要:http://www.cnblogs.com/n-pei/archive/2010/08/28/1810620.html用jQuery好久了,都做了两个项目了。今儿晚上喝咖啡喝多了,这都两点多了睡不着,给大家分享下我在项目中用到的一些用jQuery实现的一些比较好的功能。希望对一些新手有点用。。。高手们可以拍砖哈。。。。我头很硬不怕疼。。。呵呵。 一.创建一个自己的dropdownlist说到dr... 阅读全文