IE6下z-index犯癫不起作用bug的初步研究

2009年12月24日 by 张 鑫旭 阅读 118329 次, 今日 23 次

CSS中,z-index是个内容繁多,牵连甚广的知识点,CSS手册中的那点知识那就是冰山一角。如果深入研究,牵涉到border及background的堆叠模型,同级显示问题,同级牵连显示问题,以及浏览器处理显示的机制等,我可能表述有些含糊,但确确实实z-index蕴含着很深的知识点。
我在z-index的研究上面的功夫还不够,所以一些深入的东西我是没有信心讲好的。不过本篇文章可以说是做了个不错的表面功夫,详细的阐述了IE6下两个常见的z-index层级bug,有理有据,一步步细致分析,提供代码演示,提供demo页面,希望对您的学习能有所帮助。

阅读全文…

checkbox复选框的一些深入研究与理解

2009年12月23日 by 张 鑫旭 阅读 157237 次, 今日 19 次

本文可以说是一篇针对checkbox复选框不错的文章。前半部分针对复选框在不同浏览器下的表现进行了深入的研究与思考,揭示了产生差异的原因,让我们可以更轻松的处理复选框的样式表现,后半部分只要演示了一些关于复选框的常见JavaScript操作,例如如何判定复选框是否被选中,如何判定复选框组是否被选中,以及复选框的全选反选的实现等。
整片文章提供详细的视图,提供必须的代码演示。另外JavaScript部分提供demo实例页面,希望对您有所帮助。

阅读全文…

jQuery之使用slideToggle实现垂直下拉菜单

2009年12月22日 by 张 鑫旭 阅读 61429 次, 今日 9 次


本文展示如何用简单的jQuery代码配合CSS实现效果上佳的下拉菜单效果。并对效果实现的核心函数方法slideToggle做一定的讲解。
本文提供详尽的demo页面以及简化的源文件代码下载,希望对您能有所帮助。

阅读全文…

jQuery-innerfade内部列表自动淡入淡出插件

2009年12月21日 by 张 鑫旭 阅读 25120 次, 今日 5 次

innerfade列表切换显示插件
这是一款用以处理列表元素显示的非常实用的插件。例如新闻内容的滚动显示,图片的幻灯片切换显示,所有与列表元素显示有关的内容都可以使用此插件,使用非常简单,方便。
本文简要讲述使用方法,提供demo页面,提供源文件打包下载,希望对您的学习有所帮助。

阅读全文…

jQuery-火焰灯效果导航菜单

2009年12月21日 by 张 鑫旭 阅读 52263 次, 今日 14 次

火焰灯特效菜单
不错的菜单效果,跟flash的表现效果一样赞。为什么叫火焰灯效果,我也是直接翻译过来的,其中原因不知,我感觉似乎与哈利波特有关系。
本文一步一步讲解使用方法,介绍大致的原理,提供demo页面以及源文件打包下载,希望对您的学习有所帮助。

阅读全文…

IE下css bug集合-翻译自haslayout.net

2009年12月14日 by 张 鑫旭 阅读 55467 次, 今日 28 次

本文翻译自haslayout.net,里面集合了IE6,IE7,IE8下的bug们,每个bug都有一个相应的教程页面,教程页面有关于bug的介绍,产生原因以及解决方法等。教程页面未翻译直接链接到原项目。本文相对于一个bug集合的中文版首页。虽然我很努力,但是其中难免会有不准确之处,欢迎之处。最后,附上doc版的翻译内容,希望对您有所帮助。

阅读全文…

翻译-IE7/8@font-face嵌入字体与文字平滑

2009年12月13日 by 张 鑫旭 阅读 38338 次, 今日 12 次

这是一篇翻译的文章。主要内容如下:使用@font-font调用字体进行文字渲染的时候,IE7和IE8浏览器下的文字会有丑陋的锯齿,本篇文章就是讲为什么会有锯齿,如何解决这个问题。文章含有详细的demo页面,还有相应的jQuery插件方面解决这一问题。虽然,我们平时很少遇到这一问题,但是了解也是很重要的。
翻译水平有限,如果有不足之处欢迎指正。希望对您的学习有所帮助。

阅读全文…

jQuery-马化腾产品设计与用户体验的一些技术实现

2009年12月12日 by 张 鑫旭 阅读 43439 次, 今日 16 次

这几天,我是反复在看马化腾马老板在腾讯内部会议上关于产品设计与用户体验的讲演材料——产品设计与用户体验的ppt。受益匪浅,感触颇多。然而,本文不是将用户体验,更不是产品设计,而是就ppt中提到的几个小的有关体验方面的问题的技术实现。实现均是以jQuery为环境,主要是为了代码简单,因为本文涉及三个实例,不是写论文,搞长了不好。
本文主要就讲了三个与体验有关的技术点。一是个性化换肤,关键点在于css切换与cookie,里面提供了的cookie的jQuery插件值得一看;二是文本框的全选,关键点在于focus并select;三是半透明背景下的浮动层提示,关键点是黑色背景的满屏显示以及浮动层的居中定位,文章提供了一些简单的取巧的方法。
文章提供马化腾老板关于产品设计与用户体验的flash幻灯片,提供详细的demo页面以及一些截图。才疏学浅,叙述有误或代码缺陷欢迎指正。旨在交流,如果能对您有所帮助就再好不过了。

阅读全文…

像素的世界及其在web开发制作中的应用

2009年12月7日 by 张 鑫旭 阅读 44050 次, 今日 19 次


什么是像素的世界?如果您现在正在电脑前看这篇文章,那么您现在看到的就是像素的世界。本文的中心思想就是传达我们眼前所见都是由像素构成的这个意识。为了是让我们多一种思维的角度,对于我们web设计与开发有所帮助。内容多是个人的观点,可能会有不正确之处,欢迎指正,欢迎交流。提供必要的demo页面,配合丰富的插图,希望对您的学习有所帮助。

阅读全文…

css行高line-height的一些深入理解及应用

2009年11月28日 by 张 鑫旭 阅读 331845 次, 今日 121 次


前两天在腾讯ISD团队博客上看到一篇翻译的文章“深入理解css 行高”,是个不错的文章,学到了不少东西,颇有感觉,于是决定结合自己的一些经验与理解写篇内容互补或者说是角度不同的文章吧。
本文核心重点在于inline box模型下的line-height高度问题,希望可以纠正css中对高度的正确认识,并依次展开列举了一些常见的有关line-height的应用,提供demo页面,希望对您的学习有所帮助。

阅读全文…