先说一下历史背景：
最近看了太多架构式的书，写出来的样式都比较戳。比如: 提交成功的提示框会这么写。

div class = "msg-mod error" //html标签就省略了，自己YY ^__^

所有的信息提示框，用msg-mod 这个通用库来封装。然后 改 通用库包含了一些状态，如：error ，ok ，tip ，notice等来表现“错误，正确，提示，注意”等状态。
于是如果你想写一个输出的正确框就可以写成这样。

div class = "msg-mod ok"

这样做有什么好处呢，

• 1. 首先样式全局化，使用msg-mod 来全局控制，
• 2. 使用非常语义化的状态：error,ok ，来衍生出不同的样式(使用并行结构式方法来实现，后面会解释)。
• 3. 更适合功能的一些特性：有些时候需要使用js 动态的改变msg的样式，这样写出来的js 语义也更强，可读性也增强。

如何实现：

这个应该都清楚。我就一笔带过，贴个代码。

div.msg-mod{  //全局msg-mod 样式，并且有一种初始的样式，使用div开头，增加选择器效率。
    padding:5px 7px;
    border:1px solid #92e577;
    background-color:#eefbed;
}

然后通过结构式定义不同状态的样式，这种将两个class组合起来， 并行定义的样式，我称之为并行结构式

div.msg-mod.error{  //error 状态
    border:1px solid #ff8c40;
    background-color:#fff5e6;
}
div.msg-mod.notice{           //notice 状态
    border:1px solid #ffcc7f;
    background-color:#ffffe5;
}

思维扩展：

这样的表现形式还能接受吧？ 那么我们继续扩展。比如：如果想给一些msg-mod 添加图片来增加视觉效果(如配图^__^)。
要想配图么，于是又给msg-mod 新加了个class属性 has-ico，当然有人会说：默认为什么不给所有msg-mod都配图，给没图的配上属性no-ico，嘎嘎随你~~~，因为后面还有，慢慢看下去就知道了。

div class = "msg-mod has-ico ok"
  h2  提交成功
  p   订单已成功递交，请进入我的订单查看订单状态。

如上面的代码 当有 大字的时候就使用 大的ico图标，当只有小字的时候，使用小ico。(如配图=，=)
于是乎我又添加了个属性 has-sml-ico。

div class = "msg-mod has-sml-ico ok"
  p   订单已成功递交，请进入我的订单查看订单状态。

然后在css样式实现的时候又重现了这个IE6bug，就是IE6下用并行结构式实现不了大小图配置。

分析原因：

经过分析，发现原因是，IE6在解析并行结构式的时候会出现解析错乱现象。比如

div.msg-mod.notice.has-ico{  //notice 有has-ico 的时候显示notice 图标
     background:...
}
div.msg-mod.error.has-ico{  //error  有has-ico 的时候显示error 图标
     background:...
}

这个时候，非IE6情况下，都能够根据css 的结构来显示出想要的结果，但是IE6脑残了，就将其解析成。

div.msg-mod.has-ico{   //忽略了中间的class。
     background:...
}

这样IE6下就以最后一个样式来呈现has-ico的状态。有兴趣可以回家试试，oh yah。

div.msg-mod.error.has-ico{  //error  有has-ico 的时候显示error 图标
     background:...
}

当然有人会说：那把结构式换成 div.msg-mod.has-ico.error试试。
经过尝试，IE6同样会忽略掉中间的class，解析成div.msg-mod.error囧rz~~~~

然后就无解。 ··· 折腾了好久，终于放弃了。然后想了另外的情况来解决。

解决方法：

导致样式错乱的原因初步定位为：3层class 并行结构式会忽略中间的class，(或者说忽略掉第一个也可能，具体我没有深入研究)
解决办法很简单，当然跟解决IE6的其他办法一样，能避开就避开，用其他方式来实现。
于是乎，重新整理了代码思路，整理如下：
既然 并行结构式会导致bug，那么不并行的结构式会有问题么？
我将图片的实现放在子标签h2 上来实现，问题就解决了。如下：

div.msg-mod.error.has-ico h2{
     background:...
}

得出结论，使用非并行结构式样式在IE6下有解。·· oh yah。
不过以上代码还有些bug，这样会对msg-mod 下的所有h2 都增加了图标，于是这样优化了一下。

div.msg-mod.has-ico{
    padding-left:42px;
}
div.msg-mod.has-ico h2.ico{
    margin-left:-37px;
}
div.msg-mod h2.ico{
    padding:7px 5px 10px 37px;
}
div.msg-mod.error h2.ico{
     background:...
}

这样这样实现，通过给msg-mod添加has-ico 属性给内容增加左侧留白(多行的时候)。通过给h2添加ico样式来添加图标。当然单行时候也可以不用加ico，但是根据语义化，还是加上会happy 点。
同样实现小图的时候就 添加 has-sml-ico属性，在标签p上添加ico 样式。代码如下：

div.msg-mod.has-sml-ico{
    padding-left:30px;
}
div.msg-mod.has-sml-ico p.ico{
    margin-left:-25px;
}
div.msg-mod p.ico{
    padding:0 5px 0 20px;
}
div.msg-mod.notice p.ico{
     background:...
}

这样，有效的避免了并行结构式带来的错乱压力~~~~ 万恶的IE6丫~~~~
这样处理有利有弊啦··。
就是必须要在里面的标签上多加一个ico 的样式。

其他目前还没有碰到什么问题。欢迎反馈~~·

您可能还对这些日志感兴趣

• IE6下PNG图片背景不透明的问题
• 伸缩自如 – 绝对定位的自适应能力
• 发现 图片上的map的链接 不能是target=”_blank”
• DivCSS经验：三种实用CSS清除浮动的方法
• 异变: input的背景background

传送门: iPhone GUI PSD Version 4

PS:最近开始忙项目了。很多半成品的文章堆在后台米放出来，大伙久等了,所以放出个东东来，证明这里还没长野草~。^__^

您可能还对这些日志感兴趣 - 随意

• 仅仅是比较忙 – 即将毕业ing
• [转]Discuz和jQuery冲突的解决方法
• 菜鸟级: 标签切换效果 – JQuery实现
• 设计部培训第二课
• 创业 or 求职

上面说的 伪异步加载 是咋一看的推测，感觉像是滚动到那里的时候 整一个ajax请求，将下面内容加载进来。
后来在不经意之间看了下源代码发现的。
看下面是商城的源码截图。

从图中可以看出，源码中有很多 textarea 的标签，里面的值就是即将要加载的html，然后就恍然大悟，原来所谓异步加载也可以这样来实现。

分析实现流程

首先是将要加载的html代码 丢进textarea 里，因为此时html 在 textarea 是一直val形式，不会被浏览器解析渲染，所以页面在刚加载的时候只显示第一屏。然后通过计算滚动条的相对偏移(数学问题)，将textarea的val 值添加到html 的dom里 ，因为浏览器是即时解析的，新添加的dom 会被重新渲染，这样新加的html 就显示出来了。这个就是所谓的lazy load ：伪异步加载。

为什么要用textarea ?

其实这个东西估计是 因为html 标签的限制，这个方法的设计之初，设计师想将 硕大的html数据 缓存在一个不会被解析标签里，然后就发现textarea 刚好符合期望。

为什么不用ajax ?

因为数据不需要验证，不是时变性的数据，再者使用ajax 会增加http请求，并且维护性不好。
目前淘宝的 TMS 后台系统 都是模版化引擎，使用ajax 会对 模版化 引擎 产生冲突 以及 维护成本高等。

如何实现？

从实现流程来讲，这个功能实现起来没什么难度，唯一有难度的是，怎样把这个功能做成一个通用的模块，简易添加 class 以及配置就可以实现等来提高重用特性。

有合弊端

优点那么多，缺点又怎样呢·？
SEO：存在textarea 里的数据 能不能被 搜索引擎抓取呢？ 这个我最近在自己blog里研究一下。
web标准： 这样的做符合web标准么？将html代码放在textarea来实现 飞鱼：只是一个标准而已。

好了 打完收工~~~

您可能还对这些日志感兴趣

• js跨域问题
• 判断输入的字符是否为中文
• 乱翻乱教- jQuery 制作N级导航菜单
• 乱翻乱教-使用JS输出HTML串最快的方法
• 菜鸟级: 标签切换效果 – JQuery实现

之前一直都用嘀咕： 有兴趣可以跟随我
8过，嘀咕毕竟是嘀咕，平常就在上吆喝，聊聊家常，牢骚几句，发现聊技术木人鸟我 0_0 。于是呼，转移阵地。

选择新浪的唯一原因是 —– 它的主题皮肤真的很漂亮。

所以打算在新浪微博讨论点工作上的东西，比如交互，设计等前沿的东西。

就像我的blog一样，技术归技术，生活归生活。哈

想和我多接触学术方面的就 去 新浪 follow 我吧。 点这里

贾广告：
发现最近访问自己的blog 的时候，经常会打不开，F5一下才能看到妞~
不知道，你访问这里的时候有么有这样的情况？
有的话请留言上报，因为发现我的邻居有好多(同IP几十个玉米绑着) 不知道是不是玉米太多的原因。

您可能还对这些日志感兴趣 - 随意

• 走马观花 – jQuery调试工具- jQuery pad
• 乱翻乱教-编号003-Photoshop 制作 字体冒烟效果
• 怀念从前的 爱听时代
• 悲惨的911
• 宽屏时代来临-很大胆-很时尚

但是我还是比较纠结于，站上的一些交互，也算是做为一种总结，或者说是一种发泄也好。

总的来说，从交互设计去看待这个产品，我给自己打个不及格。
因为这个上面有太多东西需要去纠正， 有太多交互需要去否定，但是因为某些客官的因素，我对此无能为力。

既然如此，我们就退一步用一种学习的眼光去分析这个页面：

这个版本的淘日本的原型是上一版的淘宝商城，所以出处都有淘宝的些许气息。但是在此之上增加了一些杂乱的风格，
如：
页面设计元素中的字体选择过多，页面参差不齐。

部分元素模糊太深，导致页面不精致，边界不清晰。

图片上的字体没有经过锐化处理，降低了可识别性，显得不精致。甚至有些12px 的字可以直接使用，code 就可以实现。

区块中元素过多，用色过多，眼花缭乱。

交互部分太隐秘。我想一般人是不知道这里有个tab 切换 按钮，甚至这东西不是定时滑动，还有就是 箭头太小，我想一般有钱人都点不到 – -

链接的下划线，是强调这个是一个链接，还是告诉用户，样式出问题了？
已经有不少开发同学询问我 ，这块是不是 样式还没写好，咋觉得没有样式一样，我知道这是日本网站的链接风格（日本的网站，一般都在链接下增加下划线以告诉用户这个是一个链接，非常遥远的历史，也不知道是谁起头的，也不知道什么时候会改革），但是你要知道，连开发这样不懂设计的都以为是没加样式，意思是他们的潜意识里，中文链接下面不加下划线看着会舒服些。既然要做一个中文的网站，一个链接有没有下划线，不能突出什么，何不考虑其他样式来突出 链接的 重要性，以及层次性。

交互设计不同于视觉设计，交互是为了帮助用户实现某些功能的便捷设计，仅仅是为了好看，牺牲用户体验是不可取的。

另外，想说的是，一个面向用户群是中文用户的网站首页（首页完全可以人为控制），竟然用了如此多的日文设计，甚至影响到样式的 字体设置（当前页面的默认字体，是优化日文显示的），牺牲了中文，以及数字英文的显示效果。非常不可取。

好了 末了~
总结了这么多。祝愿：淘日本能走远点，不要停下来，要飞快的，想淘宝一样。

您可能还对这些日志感兴趣 - 随意

• 判断输入的字符是否为中文
• 很大 – 很丰满 – 宽屏的网页设计
• 隔山打牛 – jQuery中 trigger() & bind() 使用心得 (二)
• Once there have a home
• 怨念体 – 不同的字体有不同的line-height

Div &Class=<div>|</div>

下面[Toolbar] 是 在工具栏上显示的一些快捷按钮。(明显有很多是多余的，可以手动删除掉一些)

8=h4.bmp

可以看到，这里面有很多常用的标签自动完成，但是发现有一些是没有的(如：img br 等)，也有些是多余的，如h4，h5 因为用的比较少。那么我们尝试着去掉没用的快捷按钮，然后新建一些标签。
我新建了如下的宏：还是挺实用的。最后行是等号的自动完成，发现等号加引号输入比较麻烦^_^

Br=<br />|
Class= class="|"
Id= id="|"
Img=<img src="|" alt="" />
O=="|"

添加完后不要忘了保存 ，然后重新打开NP就生效了。

然后是设置快捷键。
点击设置 – 管理快捷键 – Plugin commands
下拉 就可以看到 WebEdit 的快捷键设置区。
我设置的快捷键如下，用Alt 加快捷键比较银荡，按起来也比较顺。

A -------------- Alt+Q
Div Class ------- Alt+A
Strong --------- Alt+B
Br ------------- Alt+Enter
Class ---------- Alt+S
Id ------------- Alt+D
Img -----------  Alt+W
O(等号) ------------- Alt+=

好了，这个插件的分享就到此为止了，下次分享一下其他插件。····

PS：顺便分享个快捷键 Ctrl + D 复制当前行，这个快捷键某些时候非常实用

您可能还对这些日志感兴趣 - 随意

• 发现 图片上的map的链接 不能是target=”_blank”
• 一本JavaScript书 – 菜鸟专用
• 杯具时常有 – 巴士特别多 – 丫破相了
• I’m a csser 经验浅谈(一)
• js跨域问题

从这次的改版发现淘宝开始走视觉体验路线了，从原来满足用户功能，到后来满足用户需求，再到满足用户功能体验的，到现在开始走用户视觉体验的路线。
不过想想也是100多号的人难免会迸发出一些强大的灵感。

当然这么推荐是有理由的，当淘宝的产品以及用户群达到如此大的量的时候，一定会进化出一些高质量的产品，以及一些高质量的用户群，为了满足这些用户群，商城便诞生。

再放一张 名鞋馆的截图，也相当有感觉的。

最后再唠叨一句：淘宝首页又将 导航给放出来了，之前的那种 太前卫的多平面设计拿下来，看来一是用户吃不消这样的表现形式啊，现在的表现形式好些了，但是似乎用色少了好多，应该是为了节省流量吧，毕竟淘宝首页是个流量大头。

您可能还对这些日志感兴趣

• 丫 越来越年轻 – 阿里巴巴2010新版首页
• 有一种美叫洁白– iriver改版好久
• 大步向前走-YOHO改版

准备活动

都说我解说技术比较银荡，那就更银荡一些 ^_^ 要大干一场，那是需要一系列性情道具的····
M8的系统是 基于wince 封装出来的，这个大家应该都知道。所以咱们需要的东西 如下：

• 1. Visual Studio 2008 下载地址 点进去 捡专业版 下载
• 2. M8SDK 下载地址 是魅族的开发社区的下载地址
• 3. M8SDK中文版文档 同楼上
• 4. M8 一只 （选填） 如果你真的想开发M8应用，去整一个，因为同步调试比模拟器调试要真实多了。
• 5. 同步驱动 下载地址 官网有的下
• 6. 电脑一只 不要告诉我你想在M8上开发 =，= 我用的win7 64位，很销魂
• 7. .NET Framework 3.5 下载地址 win7 就不用装了。

前戏

前戏一定要有不然怎么OOXX，是安装软件，且顺序如下：
.NET Framework 3.5 (win7)可以忽略
Visual Studio 2008 选择自定义安装，除了C++意外的都不要勾选(除非你还要开发其他东西)，我就是这么干的，当然MSDN也不要装了，有问题google 吧，然后是耐心等待，看看X片吧。

然后装 M8SDK(SDK要在vs之后装，不然是装不上的)，这里要注意一下，论坛里有老多人卡在这里，多少也要先看看SDK文档再下手么，文档里写得还是蛮清楚的，虽然有些地方要误导人。如下图，装的时候，不要勾选 文档部分。

接着是装驱动，叉p 跟win7 要装的东东不一样，去文档里看吧。这里就不说了。确保同步成功就ok。

前戏结束， 应该湿了~~~~~ 哼哼~~~

剥橘子，带TT

论坛里好多初学者碰到了N多关于怎样开始这个hello M8 的项目。这个灰常蛋疼，虽然SDK文档里 有步骤但是却很蛋疼的漏掉点什么，总是调试不成功，同步不成功。就像 正要OOXX 的时候同事来电话一样，立马倒塌~~~~

那么开始我们的hello M8 的项目，
1. 新建项目，智能设备 – win32智能设备项目 见文档 – 创建基本MZFC程序
按照文档里说的 复制 hello M8的程序到cpp里。

2. 项目建好后， 选择 项目 – XX属性 配置(重要) ，这里文档虽然有步骤，但是似乎漏了点，
首先是 添加依赖项 选择[链接器]-[输入]-[附加依赖项] 写入： mzfcs.lib platformApi.lib (文档里有说明) 如下图：

3. 接下来是设置预处理器，[项目]-[属性]-[C/C++]-[预处理器]-[预处理定义]，添加 MZFC_STATIC，这里文档的图片容易误导人，因为文档中图片中只有一个MZFC_STATIC，很多人以为是吧其他都删掉，其实不是，是在前面追加一个。不然后面编译的时候会出现如下图的错误。

4. 然后是设置 不使用预编译头，这一步文档里没说，但是论坛里好多帖子都在问这个问题，不下十个，觉得官方有必要改改文档了，
[项目]-[属性]-[C/C++]-[预编译头] 设置成 不使用预编译头，顺便贴一个没设置这一项编译不成功的截图。

5. 使用模拟器调试，如下图 M8SDK Emulator 代表模拟器 模式(默认就是这个)。 选择[生成] – [编译] Ctrl+F7，看到下方成功了之后，再按(F5)[调试] 应该就跳出个 恶心的模拟器，为什么恶心呢？因为一开始是黑屏的以为模拟失败，等了10秒，丫才开机·· 囧rz 还要开机啊······，并且效果不好，感觉怪怪的速度也不很慢。有大虾知道如何优化，请留言告诉我下，我补上。

6. 同步调试。这一步留给有小八的童鞋们。连上小8后，(确保同步驱动装好，同步模式可以跑)，然后将 M8SDK Emulator 下拉 选为 M8SDK ARMV4I Device，然后点击右侧的小手机按钮进行手机同步测试。看看是否同步，

7. 配置远程目录，这个文档里也有说明，选择 [项目]-[属性]-[部署] 设置远程目录，建议： 将目录设置成Disk目录下的某文件夹，如\Disk\MM ， 文档里的说明是Windows 生成之后找都找不到，

同样，设置远程调试文件 [项目]-[属性]-[调试] ，远程文件，如下：

8. 编译生成文件 这个是关键的一步，因为之前刚开始整的时候一直连接不到手机，都是直接弹出个调试器，或者提示找不到远程文件。

9. 屡试不爽，久久不放，然后按下F5 应该就能在你的小八上看到运行的软件了。

好吧，开始你的M8之旅吧。

有问题可以留言欢迎讨论。

您可能还对这些日志感兴趣

• 不走寻常路–Win7下vs2008搭建M8开发平台
• 整得连妈都不认识了 – M8 新固件9.6.X 试用体验
• M8 到手 内牛满面
• 乱翻乱教 – 时尚导航设计 – 傻瓜版教程
• 乱翻乱教 – jQuery图片轮播插件 – 菜鸟版

原因在哪里~~~~?

因为它历史悠久~~~，当初设计这个系统的时候，架构师没想到它以后会成为一个庞大的系统，也不曾想过以后还有那么多蛋疼的前端会加入进来，更没想过，页面上的交互会越变越多，只是单纯的想解决燃眉之急的一个小交互。
于是乎，很多规则，命名方式，功能架构都没有一个清晰的解释型的图表出来。

得扯远了··· 唠叨了一下，^_^

对于一个新的系统，命名冲突问题如何解决？

我就单单说说我最近做的这个系统中关于js 部分的函数命名的一个方法吧。
先看一下如下图：

智商高的童鞋相信看了这图就知道啥意思，这个东东可是我哥写了那么多js以及 OOP思想的一些结晶，我觉得很强大，至少我这么觉得，因为很好用。飞鱼端了端眼睛：看不懂的话，继续往下看^_^

首先是减少全局参量
全局这个东西 应该是越少越好，就像jquery 用个美元$号一样（虽然经常被其他js 库抢），所以如果要让一个系统有一个简洁的js 系统架构，最好给它起个全局变量，这样的好处是，你的系统只占一个全局变量(当然jquery等$是必须的，因为你得依赖它)。这样从命名上就避开了全局变量冲突的问题。

让你的js 系统函数 都分组升级成类
然后根据系统的功能的类型 进行划分，比如web中系统应用，无外乎 layout 初始化，然后是Effect效果，然后是通用模块，等等。这样做的好处是当你有需求要添加什么功能的时候就可以对症下药，而不会出现要加什么功能就往系统里的js 部分最下方添加，导致页面上的js 代码 像狗皮膏药一样，那样会让你的代码很没有深度以及层次(此句话，很有深度，借用我哥的话)
可能上面说的全局变量，功能分类说了懂了，但不知道咋实现。这一步开始将它实体化。
新建一个js文件my.js，写入如下面的代码:

var My = {}

然后给你的系统添加一个启动函数，就像机器的开关一样，我们将其命名为run()多么直观^_^

var My = {
    run: function() {
         //just do something....
         alert('你好，死猪！')
    }
};

上面的代码其实就是一个类，和它的一个方法，完全的OOP 思想。
那么怎么启动它呢，很简单在它的下面加个动作来开动它。就是标准的jquery 语法。

$(function() {
    My.run();
});

这样我们的系统就起来了。
然后我们给系统增加一些功能，先从layout模块 来。
My 类下添加一个新的子类 My.Layout。

var My = {
    run: function() {
         //just do something....
         alert('你好，死猪！');
         My.Layout.run();
    }
};
My.Layout = {
    run: function() {
         alert('您又便秘啦？');
    }
};

这里有个小技巧就是子类命名方式是首字母大写，用2个英文单词构成，来提高识别度。
看起来，这样来访问My.Layout.run(); 这个方法还是挺长，但是它用点号分隔开，让其命名方式变成了三维。而不是MyLayoutrun()这样的一维命名方式。这样层次一目了然。让我们再增加一个子类，就会了解这其中的奥秘了。

var My = {
    run: function() {
         //just do something....
         alert('你好，死猪！');
         My.Layout.run();
         My.Panel.run();
    }
};
My.Layout = {
    run: function() {
         alert('您又便秘啦？');
    }
};
My.Panel = {
    run: function() {
         alert('死了算了=，=');
    }
};

这个感觉就像是一台机器一样，显示我打开的开关，机器开始启动，初始化了一些初始操作触发了显示模块，然后再做通用模块的操作。 一切都是有秩序的在执行着。很有感觉吧？^_^ 继续

var My = {
    run: function() {
         this.root = {};
         this.root.head = $('#head');
         this.root.main = $('#main');
         var root= this.root;
         My.Layout.run(root);
         My.Panel.run(root);
    }
};
My.Layout = {
    run: function(root) {
         this.root = root;
         thit._init_resize()
    },
    _init_resize: function() {
         alert('您又便秘啦？' + this.root.main.text());
    }
};
My.Panel = {
    run: function() {
         alert('死了算了=，=');
    }
};

这一步是亮点，我将一些需要全局用到的对象打包成一个root之类，然后带入到每个其他子类中，这样就可以访问到这些对象，而不需要另外再申明，(我不知道这样子做能够节省内存开销，还是会浪费，但感觉应该是前者)
这样子的写法，让整个js 系统被一些关系连接在一起，但是又很容易切开，(比如：注释掉My.Panel.run(root) 就能关闭整个Panel 功能，就像一个一个小插件一样)。

扯得优点离题了，其实也不离题啦，这样子写本来就很难产生命名冲突，并且命名规则可以很有秩序，并且不会出现非常长的纠结的名称。

您可能还对这些日志感兴趣

• 走马观花 – jQuery调试工具- jQuery pad
• 隔山打牛 – jQuery中 trigger() & bind() 使用心得 (二)
• 老汉推车 – jQuery中 trigger() & bind() 使用心得 (一)
• 乱翻乱教 – jQuery图片轮播插件 – 菜鸟版
• 乱翻乱教- jQuery 制作N级导航菜单 – 插件版

.target{
    position:absolute; top:10px; left:10px;
}

然后我却发现wave 里的外层布局 div配了 4个

.target{
    position:absolute; top:10px; left:10px; bottom:10px; right:10px;
}

然后像发现新大陆一样去尝试了一下，果然如描述的一样，是一个自适应的div 绝对定位，效果杠杠的。
经过尝试 就是IE6 这个万恶的版本 不吃，其他都吃。
然后再给上面加点属性类似 min-height 就能实现类试软件界面一样的自适应效果。
当然同样IE6 也是不吃的。可以用js 来弥补。
有空我放个demo 上来。
^_^

就这样了， 发篇文章通知一下飞鱼还活着。

您可能还对这些日志感兴趣

• 又见IE6吐槽~ 并行结构式class引起的bug
• 发现 图片上的map的链接 不能是target=”_blank”
• DivCSS经验：三种实用CSS清除浮动的方法
• 异变: input的背景background
• 怨念体 – 不同的字体有不同的line-height