本文展示如何用简单的jQuery代码配合CSS实现效果上佳的下拉菜单效果。并对效果实现的核心函数方法slideToggle做一定的讲解。
本文提供详尽的demo页面以及简化的源文件代码下载,希望对您能有所帮助。
jQuery-火焰灯效果导航菜单
2009年12月21日 by 阅读 80068 次, 今日 3 次
不错的菜单效果,跟flash的表现效果一样赞。为什么叫火焰灯效果,我也是直接翻译过来的,其中原因不知,我感觉似乎与哈利波特有关系。
本文一步一步讲解使用方法,介绍大致的原理,提供demo页面以及源文件打包下载,希望对您的学习有所帮助。
IE下css bug集合-翻译自haslayout.net
2009年12月14日 by 阅读 89726 次, 今日 2 次本文翻译自haslayout.net,里面集合了IE6,IE7,IE8下的bug们,每个bug都有一个相应的教程页面,教程页面有关于bug的介绍,产生原因以及解决方法等。教程页面未翻译直接链接到原项目。本文相对于一个bug集合的中文版首页。虽然我很努力,但是其中难免会有不准确之处,欢迎之处。最后,附上doc版的翻译内容,希望对您有所帮助。
翻译-IE7/8@font-face嵌入字体与文字平滑
2009年12月13日 by 阅读 57412 次这是一篇翻译的文章。主要内容如下:使用@font-font调用字体进行文字渲染的时候,IE7和IE8浏览器下的文字会有丑陋的锯齿,本篇文章就是讲为什么会有锯齿,如何解决这个问题。文章含有详细的demo页面,还有相应的jQuery插件方面解决这一问题。虽然,我们平时很少遇到这一问题,但是了解也是很重要的。
翻译水平有限,如果有不足之处欢迎指正。希望对您的学习有所帮助。
像素的世界及其在web开发制作中的应用
2009年12月7日 by 阅读 78519 次, 今日 1 次
什么是像素的世界?如果您现在正在电脑前看这篇文章,那么您现在看到的就是像素的世界。本文的中心思想就是传达我们眼前所见都是由像素构成的这个意识。为了是让我们多一种思维的角度,对于我们web设计与开发有所帮助。内容多是个人的观点,可能会有不正确之处,欢迎指正,欢迎交流。提供必要的demo页面,配合丰富的插图,希望对您的学习有所帮助。
css行高line-height的一些深入理解及应用
2009年11月28日 by 阅读 573482 次, 今日 13 次
前两天在腾讯ISD团队博客上看到一篇翻译的文章“深入理解css 行高”,是个不错的文章,学到了不少东西,颇有感觉,于是决定结合自己的一些经验与理解写篇内容互补或者说是角度不同的文章吧。
本文核心重点在于inline box模型下的line-height高度问题,希望可以纠正css中对高度的正确认识,并依次展开列举了一些常见的有关line-height的应用,提供demo页面,希望对您的学习有所帮助。
CSS实现圆角六色渐变自适应按钮详解
2009年11月21日 by 阅读 132057 次, 今日 2 次本文将要展示如何用纯css实现2个像素的真正意义上的圆角,并且按钮带有细腻圆滑的渐变效果,其色彩丰富,可支持6种过渡色,从上往下可支配的颜色达9种。
本文将通过业余的图片、视频来演示实现的原理,将代码形象化,提供demo,希望您可以充分了解这种技术,也希望能开阔您的思维,对您的工作与学习有所帮助。
我熟知的三种三栏网页宽度自适应布局方法
2009年11月17日 by 阅读 244638 次, 今日 17 次目前,以1024像素显示器为目标的960~1000像素的网页在占有率越来越高的宽屏下的显示有些吃力了。采用流动性布局,也就是宽度自适应布局可以有效解决这一问题。自适应问题是个很大的题目,如果深入细节,不是几篇文章可以说清的。本文就针对实现简单的三栏宽度自适应做题。简要展示了我所熟知的三种宽度自适应布局方法。全都是比较优秀,没有兼容性问题的方法。提供demo实例演示以及源文件下载。希望对您有所帮助。