CSS渐变之CSS3 gradient在Firefox3.6下的使用

2010年04月4日 by 张 鑫旭 阅读 107812 次

Firefox3.6包含了许多CSS的改进,本文将向您展示如果使用CSS渐变。
背景使用CSS渐变显示可以不使用图像就实现两个或两个以上的指定颜色的平滑过渡。这反过来又减少了下载时间和带宽的使用,放大时也比较好看,可以让您创造出一个更灵活的布局。……

阅读全文…

区分IE8/IE7/IE6及其他浏览器-CSS “\9″hack

2010年04月4日 by 张 鑫旭 阅读 103096 次


CSS hack这个东东可以说是老掉牙的东西,我是不会再放到锅里炒的。之所以写这篇文章,更主要的是介绍一个CSS hack – “\9″ hack。
本文以介绍”\9” hack为引子说说如果简单有效的区分IE8/IE7/IE6以及其他的现代浏览器,提高详尽的代码展示,提高必要的demo页面以及各个浏览器表现的截图,希望能对您的学习有所帮助。

阅读全文…

CSS实现跨浏览器兼容性的盒阴影效果

2010年04月2日 by 张 鑫旭 阅读 73669 次, 今日 1 次

在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了。例如开心网的头像修饰效果:点击这里看图
然而,在CSS2的时代,我们多半使用图片实现类似效果,或是使用CSS其他属性模拟阴影效果,但是,现在,CSS3的崛起使得这个问题已经不再是是个问题了,本文就将展示如何实现跨浏览器的盒阴影效果。
本文提供详尽的代码,必要的demo以及图片效果展示,希望能对您的学习有所帮助。

阅读全文…

CSS3&HTML5各浏览器支持情况一览表

2010年04月2日 by 张 鑫旭 阅读 88927 次

正如题目所显示的,本文展示的内容是CSS3&HTML5各浏览器支持情况一览表,方便您的查阅。其他的话语就不多说了,会定时更新,希望能对您的学习有所帮助。

阅读全文…

翻译 – CSS Sprites:实用技术还是生厌之物?

2010年03月30日 by 张 鑫旭 阅读 53935 次


这是一篇翻译的文章,翻译的原因在于,我与原作者有类似的观点,即我自己也觉得CSS sprites的使用到了重新审视的时候。不过老实讲,本文作者在观点的表达以及论证上多少有些牵强,但是实际上,CSS sprites确实是需要善用的。难得的,本文没有demo,没有源文件。只是希望能够对您有一些新的启示。

阅读全文…

纯CSS实现易拉罐3D滚动效果

2010年03月29日 by 张 鑫旭 阅读 63706 次

本文展示并讲解纯CSS实现的超炫超酷的易拉罐3D滚动效果,向您展示CSS的惊人潜力。效果简述为:横向移动滚动条,易拉罐随着滚动条的滚动,自身也进行着效果逼真的3D滚动。
本文提供丰富的插图以及必要的demo页面,希望能对您的学习有所帮助。

阅读全文…

纯CSS实现侧边栏/分栏高度自动相等

2010年03月25日 by 张 鑫旭 阅读 117149 次, 今日 1 次

为了表现的美观或是一些功能的需要,我们经常希望侧边栏/分栏的高度保持一致。我们可能会使用min-height属性,IE6不支持min-height但是height会自动撑高,所以min-height + _height的组合也是常用手段之一;另外就是使用背景图片了,利用背景图片的垂直平铺,可以模拟分栏的等高背景效果,但是,此方法对布局宽度有一定的要求,如果布局宽度改变,背景图片可能也要做一番修改。但是这些方法都有局限性,没有从根本上解决问题。
本文就将真是分栏高度相等的的技术,使用margin负值实现任意分栏的高度自动相等。提供详尽的插图,代码示意。提供必要的demo,希望能对您的学习有所帮助。

阅读全文…

CSS+JavaScript实现页面不同布局的切换

2010年03月25日 by 张 鑫旭 阅读 71264 次

我们平时使用windows操作系统,应该见过文件才查看功能,我们可以选择“平铺”、“图标”、“列表”、“详细信息”等,这是一个不错的功能,可以让用户自定义一些自己喜欢的偏好的显示方式,我们再web页面上,同样可以做。这可能说是一种提高用户体验的方法。
本文就将展示如何在web页面上轻松的实现布局的切换,查看方式的转换。提供详尽的插图,提供详尽的demo,以及对应的代码,希望能对您有所帮助。

阅读全文…

JavaScript实现最简单的拖拽效果

2010年03月24日 by 张 鑫旭 阅读 256926 次

本文用非常简洁的代码展示了如何用JavaScript实现元素的拖拽效果。本文拖拽js代码封装良好,使用方便,效果也不错,相信可以对一些初学者给予不小的帮助,另外提供必要的插图,代码展示,demo页面及文件下载,希望对您的学习有所帮助。

阅读全文…

自己写的无图片版jQuery zxxbox弹出框插件

2010年03月22日 by 张 鑫旭 阅读 111364 次

jQuery zxxbox 插件截图 张鑫旭-鑫空间-鑫生活
虽然市面上的facebook效果的boxy弹出层插件不少,但是普遍文件较大,而且还需要调用额外的图片链接(不止一个,还有半透明渲染)以及CSS文件。对于我这样很注意文件大小优化的人来说是无法容忍的,趁着这次学习jQuery的一些知识,我就花了一些时间写了款jQuery插件,我将其命名为zxxbox弹出框插件,非常小巧,使用方便,无额外的CSS或是图片调用,能满足大部分的弹出框效果功能,可以说从效果上讲,也是一款很不错的jQuery插件。
本文详细介绍词插件的使用方法,提供必要的demo,提供原始文件下载,希望能对您有所帮助。

阅读全文…