javascript
皮甲龙龟
软件开发
展开
-
身份证号,出生日期等的js正则表达式验证
<br />1、简单的正则表达式:(1)preg_match("/^(/d{18,18}|/d{15,15}|/d{17,17}x)$/",$id_card) (2)preg_match("/^(/d{6})(18|19|20)?(/d{2})([01]/d)([0123]/d)(/d{3})(/d|X)?$/",$id_card) (3)preg_match("/(^/d{15}$/)|(/d{17}(?:/d|x|X)$/),$id_card)2、复杂并且严格一些的验证:原创 2010-08-20 14:17:00 · 5064 阅读 · 0 评论 -
监听输入框值的即时变化onpropertychange、oninput
要达到的效果 很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的关联搜索效果等。 只要我们能捕获即时事件就能做到很多事情。需要了解的知识 首先,我们需要了解onchange和onpropertychange的不原创 2013-02-20 10:51:30 · 743 阅读 · 0 评论 -
50个你现在应该去使用的最新的出色的jQuery插件
jQuery有一个非常好的网络社区环境,贡献了很多创造性的jQuery插件,但是正因为插件太多了,所以使得很多插件都很难被查找。本篇文章正是因为这个原因,天屹翻译并加工出这篇文章,作者在这里收集了不同类型的50个不同的jQuery和javascript库供你使用。正确的使用它们一定能有效的提高你网站的用户体验,从而留住客户。下面列出经过分类的插件,觉得不错记得推荐哦,有了你们的认可天屹会有更多的动原创 2013-04-08 12:22:36 · 2031 阅读 · 1 评论 -
jquery $.fn $.fx 区别
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc() 那么你可以这样子:$("#div").abc(); 通常使用extend方法扩展,详细请看API. $.fx是指jquery的特效。 如果使用显示、滑动、淡入淡出、动画等。 $.fx.off可以关闭动画,其实是直接显示结果。j原创 2013-04-27 10:20:06 · 667 阅读 · 0 评论 -
javascript面向对象教程
Javascript是一个类C的语言,他的面向对象的东西相对于C++/Java比较奇怪,但是其的确相当的强大,在 Todd 同学的“对象的消息模型”一文中我们已经可以看到一些端倪了。这两天有个前同事总在问我Javascript面向对象的东西,所以,索性写篇文章让他看去吧,这里这篇文章主要想从一个整体的角度来说明一下Javascript的面向对象的编程。(成文比较仓促,应该有不准确或是有误的地方,请原创 2013-04-27 10:45:50 · 735 阅读 · 0 评论 -
jquery的插件机制以及应用
插件中的几个注意事项:1.插件的文件名推荐用jquery.[插件名].js,避免与其他插件混淆. 2.所有的对象方法都应该附加到jQuery.fn对象上,而所有的全局函数都应当附加jQuery对象本身上. 3.在插件内部,this指向的是当前通过选择器获取的jQuery对象.4.插件应该返回一个jQuery对象,以保证插件的可链式操作. 5.避免在插件内部使用$作为jQ转载 2013-04-27 10:47:29 · 656 阅读 · 0 评论 -
jQuery插件开发全解析
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例原创 2013-04-27 11:08:41 · 541 阅读 · 0 评论 -
打开任意一个网站,然后在地址栏,输入如下代码. 图片全都飞起来了.
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='abs原创 2012-07-19 14:37:41 · 1419 阅读 · 2 评论 -
常用的Javascript设计模式(全懂,你出师了)
来源:alloyteam 博客-svenzeng《Practical Common Lisp》的作者 Peter Seibel 曾说,如果你需要一种模式,那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型,静态或动态语言,命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员, 在短跑甚至拳击方面有一些优转载 2013-04-28 16:37:39 · 1944 阅读 · 0 评论 -
深入理解jQuery插件开发
如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库。jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握。但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导。那些语法看起来可能过于复杂,但是如果进入到它的思想和模式中,它是非常简单易懂的。下面,我们有了一个插件的基本层次:1转载 2013-04-28 16:46:10 · 613 阅读 · 0 评论 -
各浏览器 for-in 遍历对象属性的顺序差异
最近一个项目的开发中,初始化导航菜单的数据,后台给定的数据是 JavaScript 对象,其键是菜单的 id (数字),值是菜单对象。数据如下:123456789101112varmenuList = { '26':{'name':'新闻原创 2013-07-11 17:49:34 · 2605 阅读 · 0 评论 -
可以直接拿来用的15个jQuery代码片段
jQuery里提供了许多创建交互式网站的方法,在开发Web项目时,开发人员应该好好利用jQuery代码,它们不仅能给网站带来各种动画、特效,还会提高网站的用户体验。本文收集了15段非常实用的jQuery代码片段,你可以直接复制黏贴到代码里,但请开发者注意了,要理解代码再使用哦。下面就让我们一起来享受jQuery代码的魅力之处吧。1.预加载图片原创 2013-07-18 15:42:11 · 960 阅读 · 1 评论 -
IE6图片有白底解决办法
由于IE6浏览器不支持PNG格式图片背景透明,所以有时候如果有PNG图片背景又想它透明怎么办呢?有几个做法:1.直接转换图片格式:将PNG格式转成其他格式,或者重新制作其他格式图片,比如GIF图片格式图片,那么IE6是可以支持的。(PNG转换GIF可能会有锯齿)2.给图片加入背景色:所谓的背景透明,其实也是一种颜色,电脑就是颜色展现出来的,那么可以给PNG格式图片加入你需要透明的颜色。原创 2012-11-21 10:56:18 · 1496 阅读 · 2 评论 -
IE下的CSS3伪类选择器支持(原创理论)
自己测试过了,确实比较强大有木有,当css3.0出现以后,着实让我兴奋了好久,因为出现了很多选择器,我们在也不用靠js做复杂判断了。比如:nth-child,很容易就可以判断奇偶对象 “:nth-child(2n)和:nth-child(2n+1)”但是IE对css3的严重不支持,实在让我头疼。虽然现在IE9的发布,但是国人还有很多在使用IE6 7 8。无意间发现了一个原创 2012-09-18 09:56:18 · 1504 阅读 · 1 评论 -
正则表达式
匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除空白行 匹配HTML标记的正则表达式:]*>.*?| 评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力 匹配首尾空白字符的正则表达式转载 2011-03-15 17:54:00 · 882 阅读 · 1 评论 -
jQuery弹出层插件大全
1.thickbox 目前用的比较多的,最新版本是thickbox3.1下载地址:http://jquery.com/demo/thickbox/#examples 2.colorBox 官方网站:点击打开链接下载地址:点击打开链接演示实例:点击打开链接 3.FancyBox 官方网站:点击打开链接下载地址:点击打开链接演示实例:原创 2012-06-05 22:45:41 · 816 阅读 · 0 评论 -
JS 好不安全!
以前做JS 脚本调试都是用火狐,虽然知道谷歌也有,不过鉴于EN不怎么样,还是火狐的用到爽!今天用谷歌调试发现谷歌有个功能可以直接修改JS的,火狐貌似没有,这个功能强大呀!!!同时谷歌开发人员工具还有很多强大的功能!,大家可以自己试试,。!!!!由此我就比较担心JS异步提交数据问题,安全不到家,漏洞就会百出!原创 2012-05-24 12:00:54 · 1434 阅读 · 6 评论 -
网页简繁体转换
如果大家想看效果的话可以到。http://www.epweike.com 顶部有简繁转换。 繁體中文版// JScript 文件var Default_isFT = 0 //默认是否繁体,0-简体,1-繁体var StranIt_Delay = 50 //翻译延时毫秒(设这个的目的是让网页先流畅的显现出来)//-------代码开始,原创 2012-07-19 14:27:51 · 17692 阅读 · 1 评论 -
ASP.NET服务器验证控件和JS自定义验证同时使用(小技巧)
ASP.NET服务器控件毕竟还是有其局限性,很多时候是不能够满足我的验证的需求,这个时候我们就可以采用服务器控件和JS自定义验证同时来实现验证功能。那么到底怎么来实现呢?很简单,看下面代码。 $(function() { $("#按钮ID").click(function() { 这里可以写自定义验证 如原创 2012-09-13 18:09:37 · 1247 阅读 · 0 评论 -
12个很棒的学习 jQuery 的网站推荐
jQuery是目前最流行的 JavaScript 库。对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,今天本文收集了12个很棒的 jQuery 学习网站推荐给大家。1. jquery-mix.com2. jqueryfordesigners.com3. 15daysofjquery.com4. jqueryking.com5. addyosman原创 2012-09-17 14:15:38 · 962 阅读 · 0 评论 -
Web开发者必备的20款超赞jQuery插件
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件,可创原创 2012-09-17 14:10:53 · 1981 阅读 · 0 评论 -
提升你网站水平的 jQuery 插件推荐
jQuery是一个优秀JavaScript库,它简化了HTML文档遍历,事件处理,动画和Ajax交互。 jQuery的确改变了很多人写JavaScript的方式。如今,有很多现成的jQuery插件可供选择,帮助你在网站中加入惊人的功能和效果。看看这些非常棒的jQuery插件吧,我相信你会发现一些很有用的东西。lsotopeIsotope 是一款精致的 jQuery插件,用于创建单纯原创 2012-09-17 14:16:48 · 1139 阅读 · 1 评论 -
分享27款非常棒的 jQuery 表单插件
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。本文收集了非常棒的jQuery表单插件与大家分享,欢迎大家推荐更多更好的插件。1- jQuery inline form validation2- Uniform 3- Autotab4- jquery N原创 2012-09-17 14:14:07 · 1099 阅读 · 0 评论 -
使用Modernizr探测HTML5/CSS3新特性
HTML5, CSS3以及相关技术(例如canvas和web sockets)带来了非常有用的特性,可以让我们的web程序提升一个新的level。这些新技术允许我们只用HTML,CSS和JavaScript就可以构建包括在平板和移动设备上能够运行的多样化表单页面。HTML5虽然提供了很多新特性,但是如果我们不考虑旧版本的浏览器就是用这些新技术也不太现实,老版本浏览器已经使用了很多年,我们依然需要考原创 2012-09-18 14:53:03 · 2156 阅读 · 2 评论 -
分享30个最佳 jQuery Lightbox 效果插件
Lightbox 应该是最流行的图片浏览效果了,常具有功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方式播放,内容预加载,渐变等效果。Web开发者们模仿 Lightbox 开发了各种各样的图片浏览插件,有基于 jQuery 的,有基于 Prototype 的,也有使用原生 JavaScript 写的。今天,本文要与大家分享的是30个最佳 jQuery Lightbox 效果插件。原创 2012-09-17 14:19:41 · 983 阅读 · 0 评论 -
JS获取浏览器高度和宽度
JS获取浏览器高度和宽度IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==>原创 2014-03-21 01:23:00 · 649 阅读 · 1 评论