Warning: Creating default object from empty value in /www/wwwroot/sc35.com/blog/wp-content/plugins/paged-comments/paged-comments.php on line 31
纯CSS 弹出式菜单 - Wang
FV.Zone Project Code

纯CSS 弹出式菜单

最近都没有怎么更新皮了,从Fade到Reborn再到Dark,这一路走来,让我学会了很多,特别是CSS与XHTML方面的知识。

纯CSS 弹出式菜单效果:

现在我想说说关于Dark皮的一些特性,不过目前我并没有发布她,也不知道会不会发布,他可以称的上是Reborn的优化与升级,改名好像不太适合,呵呵不过对于一个皮制作者来说,这样可以记录他的成长,至少我是这样想的。
Dark 首先是自适应分辨率的,这是我一直以来的心病,因为CSS在IE6会表现的很异常,所以一直没有做好自适应分辨率这一关,不过Dark算是基本实现了与Firefox效果保持一至,主要采用的是负边距做到的,想研究请查看本Blog皮CSS文件部份!

然后是纯CSS 弹出式菜单,这可能对于大多数改皮的同志又是一个门槛,不过这个功能只能用于支持CSS 2.0的浏览器,比如IE6就不支持,所以要借助JS帮助一下,我使用的弹出式菜单源CSS来自V2EX不过你对比一下会发现完全不一样,这主要是针对WordPress的问题,要尽量做到灵活,还有就是源CSS里有很多没有用的属性定义,比如text-decoration: none; text-align: left;等,我不知道作者是不是也是去copy的源码,但是对于CSS来说,上级定义了属性那么下级就会有相同的属性,是的,这个功能太漂亮了,会减少很多定义,所以如果你也想研究一下纯CSS 弹出式菜单,那你就查看我写的#menu部份,你会发现代码很少,直观明了。

这里说的可能比较抽象,我当然也没有给出CSS或是什么代码之类的东西,我相信喜欢研究的你一定想到了该怎么做了吧^^!

我也不会写专业的教程,这只是记录自己的学习历程,如果有不对的地方请包含!

Leave a Reply

You must be logged in to post a comment.