2013年04月_liu_111111

原创 jQuery判断密码强度

.qiang{background:url(/images/pas4.JPG) no-repeat;width:150px;height:40px;float:left;} .zhong{background:url(/images/pas3.JPG) no-repeat;width:150px;height:40px;float:left;} .ruo{background:

2013-04-24 08:52:58 879

原创查看图片（前进后退）功能

注：images文件夹下图片的命名是从1~5.jpg有规律的声明的 var array = [1, 2, 3, 4, 5]; 这个数组存放的是图片的名称 img { width: 200px; height: 200px; }

2013-04-23 17:40:13 1446

原创邮箱验证格式

.txtbackcolor { background-color:#eee; } $(function () { var state = false; $('#txtEmail').focus(function () {

2013-04-23 17:36:47 955

原创 jQuery实现全选反选功能

--> img { width: 50px; height: 50px; } table { width: 600px; height: 400px; }

2013-04-22 21:45:12 660

原创 jQuery动态创建节点元素

#divLeft { float: left; width: 300px; height: 400px; border: 1px solid red; margin-right: 10px; } #divRight

2013-04-22 21:42:36 816

原创 jQuery左侧菜单效果

左侧菜单效果 $().ready(function () { $(".testbox ul li").hover(function () { $(this).find(".boxshow").show(); }, function () { $(this).find(".boxshow").hide(); }); });

2013-04-22 21:41:17 1944

原创 jQuery实现导航条功能

body{font-size:13px} #divFrame{border:solid 1px #666;width:301px;overflow:hidden} #divFrame .clsHead h3{padding:0px;margin:0px;float:left} #divFrame .clsHead span{float:right;margin-top

2013-04-18 14:27:59 720

原创表单对象属性过滤选择器

表单对象属性过滤选择器：通过表单中的某对象属性特征获取该类元素，如enabled、disabled、checked、selected属性jQuery选择器详解根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选

2013-04-18 14:26:34 732

原创使用jQuery子元素过滤选择器选择元素

子元素过滤选择器：在页面开发过程中，常常遇到突出指定某行的需求。虽然使用基本过滤选择器：eq(index)可实现单个表格的显示，但不能满足大量数据和多个表格的选择需求。为了实现这样的功能，jQuery中可以通过子元素过滤选择器轻松获取所有父元素中指定的某个元素。jQuery选择器详解根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、

2013-04-18 14:25:30 1549

原创使用jQuery属性过滤选择器选择元素

属性过滤选择器：根据元素的某个属性获取元素，如ID号或匹配属性值的内容，并以"["号开始"]"号结束。jQuery选择器详解根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种-->

2013-04-18 14:22:57 753

原创使用jQuery内容过滤选择器选择元素

内容过滤选择器：根据元素中的文字内容或所包含的子元素特征获取元素，其文字内容可以模糊或绝对匹配进行元素定位jQuery选择器详解根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种-

2013-04-18 14:18:50 762

原创使用jQuery基本过滤选择器

1.简单过滤选择器：根据某类过滤规则进行元素的匹配，书写时都以冒号（：）开头；简单过滤选择器是过滤选择器中使用最广泛的一种jQuery选择器详解根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤

2013-04-18 14:17:15 772

原创使用jQuery层次选择器选择元素

1.层次选择器：通过DOM元素间的层次关系获取元素，其主要的层次关系包括后代、父子、相邻、兄弟关系，通过其中基类关系可以方便快捷地定位元素jQuery选择器详解根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器

2013-04-18 08:14:43 993

原创使用jQuery基本选择器选择元素

1.基本选择器：是jQuery中使用最频繁的选择器，它由元素Id、Class、元素名、多个选择符组成，通过基本选择器可以实现大多数页面元素的查找jQuery选择器详解根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元

2013-04-18 08:13:33 1072

原创使用jQuery实现隔行变色

jQuery选择器继承了CSS与Path语言的部分语法，允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择，而不必担心浏览器的兼容性，通过jQuery选择器对页面元素的精准定位，才能完成元素性和行为的处理。选择器的优势？与传统的JavaScript获取页面元素和便携食物相比，jQuery选择器具有明显的优势，具体表现在一下两个方面：*代码更简单*完善的检测机制-->

2013-04-18 08:12:26 1222

原创 JQuery学习笔记（图片的展开和伸缩）

#img1 { width:400px; height: 400px; border: solid 1px #ccc; display:none;} $(function () {

2013-04-16 10:41:02 702

原创 document.documentElement的一些用法

--documentElement 属性可返回文档的根节点。 function shownode() { var ohtml = document.documentElement; //alert(ohtml.nodeName); //alert(oh

2013-04-12 17:07:01 1410

原创图片轮换效果（点击按钮停止执行）

在这个小程序中，需要把images文件夹下图片的命名设置为有顺序的，1、2、3…… var imgnumb = 1; function imgfor() { imgnumb++; document.getElementById('img1').setAttribute('src',

2013-04-12 17:00:07 823

原创 location对象的属性和方法（用法）

location对象提供了很多属性和方法用来解析URL。 var uristr = window.location.search.substr(1); var array = uristr.split('&&'); for (var i = 0; i var array1

2013-04-12 16:52:08 4310

原创 Cookie详细介绍

cookie是一小段文本，伴随着用户请求和页面在服务器和浏览器之间传递用户请求站点时，获取的不仅仅是html代码，还有一小段cookie(如果有cookie的话)cookie是和URL关联的cookie与站点关联，而不是和页面关联，无论请求的是站点里面的哪个页面，cookie都将在服务器和浏览器之间传递cookie总是存储在客户端内存cookie：由浏览器维

2013-04-10 22:10:11 787

原创正则表达式笔记2

字符集合[abc][abc]表示a或者b或者c中的任意一个字符。我们在字字符集合中使用如下的表示方式:[a-z],[A-Z],[0-9]，分别表示小写字母，大写字母，数字。例如：reg = /^[a-zA-Z][a-zA-Z0-9_]+/;str='test';execReg(reg,str);正则的意思是开头必须是英

2013-04-09 20:55:30 556

原创正则表达式笔记1

什么是正则表达式？ß正则表达式是用来进行文本处理的技术，是语言无关的，在几乎所有语言中都有实现。ß一个正则表达式就是由普通字符以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。ß就像通配符“*.jpg”，它是对字符串进行匹配的特殊字符串。ß正则表达式是非常复杂的，不要

2013-04-09 20:44:51 546

原创 kindeditor

最近老师讲了在线编辑器的使用，在这里简单介绍一下kindeditor软件介绍KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写，可以无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor

2013-04-09 20:34:17 1339

转载 ROW_NUMBER() OVER函数的基本用法

语法ROW_NUMBER ( ) OVER ( [ PARTITION BY value_expression , ... [ n ] ] order_by_clause )参数PARTITION BY value_expression将 FROM 子句生成的结果集划入应用了 ROW_NUMBER 函数的分区。value_expression 指定对结果集进行分区所依据的列

2013-04-09 20:25:14 763

转载 ASP.NET中IsPostBack的理解

IsPostBack是Page类的一个属性，返回值为一个布尔值。一般放在Page_Load事件中, 是指是否第一次调用这个页面。当页面是第一次打开时其值为False,若当前页面为一个提交后的页面其值为True。通俗的说就是当你的页面第一次登录时会调用if(!Page.IsPostBack){。。。。。。}中的语句，而在此页面未被关闭之前再次进入该页面时(例如，用back返回该页面则{}中的语句)

2013-04-09 20:15:47 680

原创高内聚低耦合简介

高内聚内聚就是一个模块内各个元素彼此结合的紧密程度，高内聚就是一个模块内各个元素彼此结合的紧密程度高。所谓高内聚是指一个软件模块是由相关性很强的代码组成，只负责一项任务，也就是常说的单一责任原则。编辑本段低耦合耦合：一个软件结构内不同模块之间互连程度的度量(耦合性也叫块间联系。指软件系统结构中各模块间相互联系紧密程度的一种度量。模块之间联系越紧密，其耦合性就越强，模块的独立性则越差，模块间

2013-04-09 19:57:01 874

原创浏览器对象模型

BOM-浏览器对象模型：提供了独立于内容而与浏览器窗口进行交互的对象，window对象是整个BOM的核心，所有对象和集合都以某种方式回接到window对象window对象window对象表示整个浏览器窗口，但不必表示内容如果页面使用框架集合，则每个框架都有自己的window对象，存放于frames集合中（window框架操作将会在后面单独拿出一章来讲

2013-04-09 19:36:32 3170

原创 JS显示特定格式的日期时间

时间为当前时间 //1.2013-4-9 11:21:32 //2.2013年4月9日 11点21分32秒 //3.2013年4月9日上午11点21分32秒 //4.2013年4月9日下午13点21分32秒 /* var thedate = new Date(); alert(thedate.getFullYe

2013-04-09 19:22:13 4993

原创 js函数一些用法

//substr截取字符串从指定位置开始，指定长度，下标从0开始 /*var str = '12345678'; var newstr; while (true) { newstr = str.charAt(0); str = str.substr(1, str.length) + newstr

2013-04-09 19:18:48 644

原创三层架构实现登陆注册功能

-------------WebRegister.aspx前台：------------------ #mydiv { width:auto;height:auto;border:solid 1px red; position:absolute;top:50%;left:50%;ma

2013-04-08 13:33:42 7043 1

liu_111111的专栏