摘要： 很久前看一欧美网站居然是个横版的，很宽很雷人，但使用了锚点平滑跳转效果使得整个浏览体验也是很愉快的。通常国内很多大网站页面都是纵向的，很高很累人，因此也会用锚点平滑效果减轻浏览负担。综上所述，那就干脆搞个更雷人的效果，支持横版和纵版的锚点平滑跳转效果吧。 阅读全文

摘要： 欲实现的业务需求： 1. 菜单个数不固定，当菜单个数长度小于给定范围宽度，则左右移动控制按钮不激活（呈灰色状态）。 2. 初始未移动，右侧按钮为灰色，左边按钮为彩色，提示用户可以点击左侧的移动查看菜单超出给定范围的部分。 3. 当移动开始，左右按钮都应为彩色，提示用户此时可以进行左右两边的移动操作。 4. 当移动结束，当前方向的控制按钮应转变为灰色，提示用户此方向菜单已经移动结束。 5. 若某侧控制按钮可用，则鼠标经过此按钮会有高亮提示。 6. 用户点击菜单会有高亮效果，同时下方内容模块随菜单点击而变化。 阅读全文

摘要： 说实话，我为了给这个问题想标题都晕乎了半天，实在是不知道怎么描述，姑且就用了这个很傻的标题。 T_T 我用个例子把问题简单描述下。比如说有个DIV宽度为380px，它里面有一个菜单列表，每个菜单宽度为60px，同时margin-right为20px。如果就按照下面的HTML结构来做的话，那么这个菜单列表能在这个DIV里一行显示完整吗？ 阅读全文

摘要： 这篇日志不是专门介绍如何实现跨浏览器inline-block的原理，而是将这个原理运用到实际项目页面稿中做得一个演示Demo。这个小Demo也算是对理解原理文章的一个实验补充吧。整个演示按照教程讲解的步骤来优化每个浏览器的代码，大体流程是这样：firefox3 -> firefox2 -> IE7 -> IE6。而我在实际开发和写这个demo的过程中，省略了针对firefox 2优化的这一步骤。 阅读全文

摘要： 在昨天的文章《用CSS实现自适应宽度和高度的Panel》里我记录了实现Panel的html和css代码，在文章结尾处我提到了为了能很好的演示我做的demo，做了一个小的演示程序。虽然是个小程序，但对我个人而言，我觉得有记录的价值。因为我认为作为开发人员，不光要时时创新写出新东西，更要学会总结手头的代码资源，哪怕是一个两三行的代码片段，这样才能做到温故而知新也。 阅读全文

摘要： 记得去年刚开始在博客园写日志第一篇文章就是关于选项卡的，题目叫《JQuery制作的选项卡，重点体现在JS与HTML的分离》。最近做项目的时候，再回头看这段代码感觉写得太零散，所有方法函数都是全局函数，没用整合成一个完整的方法。这样的后果就是不便于管理，代码拷贝的时候容易遗漏，而且方法写得太死，扩展性不好。所以趁着这次做新项目，把这个效果改进下封装成一个完整的方法。 阅读全文

摘要： 近期的项目过程中，涉及到要做一系列自适应高度和宽度的Panel（注意，是html。不是Flex里的Panel组件，呵呵）。就实现效果本身来说并不难，只是如何选择一套比较简洁清晰的结构以及良好的CSS代码而已。当这个模型案例做完后，我当时想如果就这么放个静态页面展示，估计效果不好。虽然很多达人们知道借助firebug能动态测试自适应的效果，但毕竟不直观。而且在“哀抑x”下就没那么方便了，只能贴代码手工测试。万一某些看官工作有比较忙，又怕遇到的是一个枪手文章（我就经常搜到T_T）说得天马行空，溜一圈就不行了。所以我就加个了JS测试代码，有空再贴上来备忘，这里就只说html+CSS部分了。 阅读全文

摘要： 前两天给一朋友讲解javascript里的this怎么用，说了老半天要注意this所处的上下文关系，但就是没法理解。唉，也不怪他。 javascript里的this有时候的确很让人揪心的，连我们这些经常写的人偶尔也会为之faint。后来，我被迫写了个小程序，绘声绘色外加严刑拷打终于解释清楚了。这个例子是this变换角色最最基础的应用体现，权当是启蒙吧连入门都谈不上。高级玩家就不用看了，直接略过。 阅读全文

摘要： 最近项目中实现的一个横向滑动菜单效果，可自适应父级层宽度，可自定义当前显示哪个栏目，可自定义栏目数目。 阅读全文

摘要： 看了看左边的日历，发现已经快两个多月没写什么工作总结了。最近工作也忙，又因为工作周边的一些事情搞得整个人有点找不到北了呢。温故而知新，不说可以为师，至少可以让自己更强大。 阅读全文

摘要： 最近在了解HTML5、CSS3规范以及canvas的应用，发现好多文章，都来不及消化，先记录下来，有空慢慢体会。 阅读全文

摘要： 区区小游戏，也能玩转大脑。工作闲暇之余不妨轻松下大脑，劳逸结合才是王道。 阅读全文

摘要： 在《曾经让人迷糊的WEB兼容问题回顾》一文中曾经提到“通过使用百分比绝对定位,与外补丁负值的方法，负值的大小为其自身宽度高度的一半”达到让层垂直居中的效果。但这个方法有一定局限性，没法在内容的动态增加的情况也能保持良好的表现。 阅读全文

摘要： 曾经学CSS时让我犯难的兼容性问题，现在整理一部分温故知新。好记性不如烂笔头，多写写也没坏处。 阅读全文

摘要： 一些在WEB开发中会频繁接触到的词汇。 阅读全文