博客园_Kevin_分类_04-UI展现http://feed.cnblogs.com/blog/u/35666/category/172438/rss2012-06-03T14:39:19Zfeed.cnblogs.comhttp://www.cnblogs.com/kevin-wang/archive/2010/05/31/jQuery-localization.htmljQuery1.4.1中文化昨天安装后Visual Studio2010后，发现集成的jQuery1.4.1竟然已经中文化了，这个消息对于英语不怎么好的朋友好算是个好的消息，再加个jQuery1.4.1中文帮助可算是完美了，在此发布出来供需要的朋友下载；下载地址：jQuery-1.4.1 jQuery-1.4-API.rar附图： 此文为分享收藏；2010-05-31T03:05:00Z2010-05-31T03:05:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/昨天安装后Visual Studio2010后，发现集成的jQuery1.4.1竟然已经中文化了，这个消息对于英语不怎么好的朋友好算是个好的消息，再加个jQuery1.4.1中文帮助可算是完美了，在此发布出来供需要的朋友下载；下载地址：jQuery-1.4.1 jQuery-1.4-API.rar附图： 此文为分享收藏；http://www.cnblogs.com/kevin-wang/archive/2010/05/25/1743951.html自动完成服务端控件(2)--整体结构的设计1.前端展现DOM HTML dom 代码[代码]2.CSS样式 [代码]3.JS 脚本代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->/*自动完成控件客户端JS脚本*///参数说明://id:div容器id,clientid:控件IDAutoCo...2010-05-25T14:34:00Z2010-05-25T14:34:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/1.前端展现DOM HTML dom 代码[代码]2.CSS样式 [代码]3.JS 脚本代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->/*自动完成控件客户端JS脚本*///参数说明://id:div容器id,clientid:控件IDAutoCo...http://www.cnblogs.com/kevin-wang/archive/2010/05/24/1742720.html自动完成服务端控件开发(1)前一段时间由于项目需要搜索时要根据输入的内容自动从后台查询与之相关的数据，先上图看一看最终的效果： 这篇主要先介绍一下如何使用这个控件。 1.添加对DSKJ.Controls.DLL程序集的引用 引用后控件自动加入到工具箱中. 2.属性和事件 属性 TargetControl 设置与此控件关联的TextBox控件ID Opacity 设置或获取自动提示显示时的透明度，取值1至100 OnClie...2010-05-24T05:54:00Z2010-05-24T05:54:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/前一段时间由于项目需要搜索时要根据输入的内容自动从后台查询与之相关的数据，先上图看一看最终的效果： 这篇主要先介绍一下如何使用这个控件。 1.添加对DSKJ.Controls.DLL程序集的引用 引用后控件自动加入到工具箱中. 2.属性和事件 属性 TargetControl 设置与此控件关联的TextBox控件ID Opacity 设置或获取自动提示显示时的透明度，取值1至100 OnClie...http://www.cnblogs.com/kevin-wang/archive/2010/04/14/1712055.html验证控件网页代码分析之二摘自:http://www.cnblogs.com/yzx99/archive/2008/04/25/1170750.html现在，我们有输入一些东西，再点击提交按钮，看一下代码如何走首先是，在ValidatorOnLoad->ValidatorHookupControlID->ValidatorHookupControl函数中，文本框的onchange事件被指向ValidatorOn...2010-04-14T10:07:00Z2010-04-14T10:07:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/摘自:http://www.cnblogs.com/yzx99/archive/2008/04/25/1170750.html现在，我们有输入一些东西，再点击提交按钮，看一下代码如何走首先是，在ValidatorOnLoad->ValidatorHookupControlID->ValidatorHookupControl函数中，文本框的onchange事件被指向ValidatorOn...http://www.cnblogs.com/kevin-wang/archive/2010/04/14/1712051.html验证控件网页代码分析之一摘自：http://www.cnblogs.com/yzx99/archive/2008/04/25/1170509.html如果我们在文本框中什么都没有输入，直接点击按钮，则激发Button1的onclick事件，执行javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Button1&...2010-04-14T10:06:00Z2010-04-14T10:06:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/摘自：http://www.cnblogs.com/yzx99/archive/2008/04/25/1170509.html如果我们在文本框中什么都没有输入，直接点击按钮，则激发Button1的onclick事件，执行javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Button1&...http://www.cnblogs.com/kevin-wang/archive/2010/04/01/1701868.html异步处理进度条1.先上图，效果如下：2.使用方法[代码]3.代码列出：[代码]return_div;}}4.结束语 欢迎拍砖2010-03-31T16:15:00Z2010-03-31T16:15:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/1.先上图，效果如下：2.使用方法[代码]3.代码列出：[代码]return_div;}}4.结束语 欢迎拍砖http://www.cnblogs.com/kevin-wang/archive/2010/03/31/1701398.html遮照层JS代码1.先上效果图：2.使用方法： 初始化：Overlayer.Initialize({ZIndex:100,Backgrund:#666,Opacity:80}); 显示：Overlayer.Show();或Overlayer.Initialize({ZIndex:100,Backgrund:#666,Opacity:80}).Show(); 关闭：Overlayer.Close();3.代码如下：...2010-03-31T06:48:00Z2010-03-31T06:48:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/1.先上效果图：2.使用方法： 初始化：Overlayer.Initialize({ZIndex:100,Backgrund:#666,Opacity:80}); 显示：Overlayer.Show();或Overlayer.Initialize({ZIndex:100,Backgrund:#666,Opacity:80}).Show(); 关闭：Overlayer.Close();3.代码如下：...http://www.cnblogs.com/kevin-wang/archive/2010/03/31/1701153.htmldocument.body 和 document.documentElement 的区别在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document.docu...2010-03-31T02:35:00Z2010-03-31T02:35:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document.docu...http://www.cnblogs.com/kevin-wang/archive/2010/03/29/1700018.html高效 JavaScript高效 JavaScript 作者 Mark 'Tarquin' Wilton-Jones · 2006年11月2日本文翻译自 Efficient JavaScript原译文地址 http://kb.operachina.com/node/207传统上，网页中不会有大量的脚本，至少脚本很少会影响网页的性能。但随着网页越来越像 Web 应用程序，脚本的效率对网页性能影响越来越大。而且使用 W...2010-03-29T13:24:00Z2010-03-29T13:24:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/高效 JavaScript 作者 Mark 'Tarquin' Wilton-Jones · 2006年11月2日本文翻译自 Efficient JavaScript原译文地址 http://kb.operachina.com/node/207传统上，网页中不会有大量的脚本，至少脚本很少会影响网页的性能。但随着网页越来越像 Web 应用程序，脚本的效率对网页性能影响越来越大。而且使用 W...http://www.cnblogs.com/kevin-wang/archive/2010/03/29/1699973.htmlJavaScript中的函数：函数的apply、call方法和length属性先来看看JS手册中对call的解释：call 方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2,, argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上...2010-03-29T12:27:00Z2010-03-29T12:27:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/先来看看JS手册中对call的解释：call 方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2,, argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上...http://www.cnblogs.com/kevin-wang/archive/2010/03/28/1699157.htmlArray.prototype.slice.apply的使用方法arguments在JavaScript语法中是函数特有的一个对象属性(Arguments对象)，用来引用调用该函数时传递的实际参数。[代码]arguments在JavaScript语法中是函数特有的一个对象属性(Arguments对象)，用来引用调用该函数时传递的实际参数。这个对象很象数组，拥有length属性且使用下标的形式来获取其元素，但它又并非真正的Array对象。更多关于Argument...2010-03-28T15:19:00Z2010-03-28T15:19:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/arguments在JavaScript语法中是函数特有的一个对象属性(Arguments对象)，用来引用调用该函数时传递的实际参数。[代码]arguments在JavaScript语法中是函数特有的一个对象属性(Arguments对象)，用来引用调用该函数时传递的实际参数。这个对象很象数组，拥有length属性且使用下标的形式来获取其元素，但它又并非真正的Array对象。更多关于Argument...http://www.cnblogs.com/kevin-wang/archive/2010/03/13/1685136.html!important的重要作用IE中的效果 Mozilla Firefox中的效果 这是因为IE对盒之间距离的解释的bug造成的(参考onestab的" 浮动模型的问题 ")。我一直没有解决这个问题，直到我翻译 " 表格对决CSS--一场生死之战 "时，作者的一个技巧提示帮我找到了解决的方法：用!important。!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权(参见：W3.org的解释)。语法...2010-03-13T08:56:00Z2010-03-13T08:56:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/IE中的效果 Mozilla Firefox中的效果 这是因为IE对盒之间距离的解释的bug造成的(参考onestab的" 浮动模型的问题 ")。我一直没有解决这个问题，直到我翻译 " 表格对决CSS--一场生死之战 "时，作者的一个技巧提示帮我找到了解决的方法：用!important。!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权(参见：W3.org的解释)。语法...http://www.cnblogs.com/kevin-wang/archive/2010/03/06/1679964.htmlJavascript中的文档模式-document.compatMode今天在看框架的时候无意间看到了document.compatMode，经过一番资料查找，终于搞懂了。文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大...2010-03-06T14:38:00Z2010-03-06T14:38:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/今天在看框架的时候无意间看到了document.compatMode，经过一番资料查找，终于搞懂了。文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大...http://www.cnblogs.com/kevin-wang/archive/2010/03/06/1679962.htmlCSS模型1.页面中加入<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">时，表达式：document.compatMode=='CSS1Compat'2.页面不添加任何DTD时，表达式：document....2010-03-06T14:33:00Z2010-03-06T14:33:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/1.页面中加入<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">时，表达式：document.compatMode=='CSS1Compat'2.页面不添加任何DTD时，表达式：document....http://www.cnblogs.com/kevin-wang/archive/2009/05/05/1449738.html简洁纯净的CSS表单设计实例很多CSS爱好者不喜欢HTML表格，尤其是在制作表单的时候，虽然现在已经是XHTML+CSS的年代，但表单的设计大多还在采用table来布局。那么，有没有更好的使用纯语义化XHTML+CSS设计表单方法呢？今天让我们一起来尝试这种更符合语义化的方法来代替Table嵌套的表单元素吧！在这里暴风彬彬要说，并不是要完全摒弃table的使用，它有它的语义化布局作用，尤其是在存储数据的时候。我在大多数情...2009-05-05T03:33:00Z2009-05-05T03:33:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/很多CSS爱好者不喜欢HTML表格，尤其是在制作表单的时候，虽然现在已经是XHTML+CSS的年代，但表单的设计大多还在采用table来布局。那么，有没有更好的使用纯语义化XHTML+CSS设计表单方法呢？今天让我们一起来尝试这种更符合语义化的方法来代替Table嵌套的表单元素吧！在这里暴风彬彬要说，并不是要完全摒弃table的使用，它有它的语义化布局作用，尤其是在存储数据的时候。我在大多数情...http://www.cnblogs.com/kevin-wang/archive/2009/05/05/1449728.html网页设计实例展示(收藏)网页设计实例展示 ■网页布局实例 ·CSS+DIV设计实例：实现让多个DIV排列时居中 ·合理使用HTML标签进行CSS布局 ·CSS布局中最小高度（min-height）的妙用 ·使用 CSS 创建固定宽度的布局 ·CSS初级入门：整体布局声明 ·解决列高度自适应(列高度相同)的五种方法 ·最小高度100%页脚...2009-05-05T03:26:00Z2009-05-05T03:26:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/网页设计实例展示 ■网页布局实例 ·CSS+DIV设计实例：实现让多个DIV排列时居中 ·合理使用HTML标签进行CSS布局 ·CSS布局中最小高度（min-height）的妙用 ·使用 CSS 创建固定宽度的布局 ·CSS初级入门：整体布局声明 ·解决列高度自适应(列高度相同)的五种方法 ·最小高度100%页脚...http://www.cnblogs.com/kevin-wang/archive/2009/04/25/1443486.htmljavascript获取并分析URL(html?id=*等问题)2009-04-25T08:01:00Z2009-04-25T08:01:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/http://www.cnblogs.com/kevin-wang/archive/2009/04/25/1443473.htmljavascript event详解2009-04-25T07:39:00Z2009-04-25T07:39:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/http://www.cnblogs.com/kevin-wang/archive/2009/04/25/1443462.htmljavascript查找关键字高亮效果2009-04-25T07:05:00Z2009-04-25T07:05:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/http://www.cnblogs.com/kevin-wang/archive/2009/02/25/1398106.html使用.Net 1.1的项目，TreeView控件不能正常显示2009-02-25T09:42:00Z2009-02-25T09:42:00ZKevin-wanghttp://www.cnblogs.com/kevin-wang/