发现自己已经好久没玩过东西,整理了一下以前玩的一些东东,仅表示我也玩过。
小网站
- iPhone 123 我做的一个iPhone专用页面,-2007.12
效果
- Vista Aero Web版,效果很简单,抄Aero的,还差三张png的图没做,那复杂的光线,边框也没做,这个的原理是用两张一样的图片,把其中一张模糊一下,再让背景fixed就搞定。 -2007.4
- 未知大小图片在已知容器中的垂直和水平居中,一直是比较头疼的问题,前些天看到forest翻译的解决方式,顺手修改了,嘿嘿。我的写法一直是比较讨厌IE的。。这回用IE的空格bug解决IE7的问题。IE5还有小问题,有空再去算IE5的。
- 自己不会动的书,一个利用css的clip+hover的做出的效果,IE5.x还有些小bug..懒得管了.嘿嘿
- 给放大的分页,主要是用上a的伪类,还是a 好用~到哪里都可以看到效果,用IE7或者Firefox可以看到附带的效果。
布局
- 个高宽自适用100%,又有部分高宽固定的例子,本来是以前一个朋友要做收藏夹让我抄的,live的方式不错…只在一屏显示全部内容,部分内容要固定高宽,所以用了比较垃圾的方式…比如把IE骗进乱七八糟木模式(Quirks Mode)。所有主布局的元素都是用position:absolute流出来body后..根据不同浏览器写不同的定位方式
- 固定中栏宽度, 左右两栏宽度相等同时自适应宽度,利用margin的负值错别固定的宽度,两边各错开一半
- 根据浏览器宽度自动把布局从三栏切换成两栏加底栏,脚本换样式,用脚本去读取浏览器宽度然后改变样式,宽度如果设计得好会比较好玩
- 固定右栏宽度, 左栏内容先出现同时自适应宽度的布局,传说中的CSS布局入门教程哦
其实还有很多。。只是不记得扔在哪里了。。
