专注于WEB前端开发与思考http://feed.cnblogs.com/blog/u/47345/rss2011-04-11T09:50:19Z徐秀才http://www.cnblogs.com/miqi2214/CNBlogs BlogServerhttp://www.cnblogs.com/miqi2214/archive/2009/04/30/1446878.html

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

2009-04-30T05:33:00Z2009-04-30T05:33:00Z徐秀才http://www.cnblogs.com/miqi2214/http://www.cnblogs.com/miqi2214/archive/2009/04/28/1445308.html

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

2009-04-28T06:16:00Z2009-04-28T06:16:00Z徐秀才http://www.cnblogs.com/miqi2214/http://www.cnblogs.com/miqi2214/archive/2009/04/23/1441912.html

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

2009-04-23T03:41:00Z2009-04-23T03:41:00Z徐秀才http://www.cnblogs.com/miqi2214/http://www.cnblogs.com/miqi2214/archive/2009/04/17/1437894.html

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

2009-04-17T06:00:00Z2009-04-17T06:00:00Z徐秀才http://www.cnblogs.com/miqi2214/http://www.cnblogs.com/miqi2214/archive/2009/04/15/1436340.html

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

2009-04-15T06:30:00Z2009-04-15T06:30:00Z徐秀才http://www.cnblogs.com/miqi2214/http://www.cnblogs.com/miqi2214/archive/2009/04/14/1435750.html

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

2009-04-14T08:29:00Z2009-04-14T08:29:00Z徐秀才http://www.cnblogs.com/miqi2214/http://www.cnblogs.com/miqi2214/archive/2009/04/14/1435459.html

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

2009-04-14T03:37:00Z2009-04-14T03:37:00Z徐秀才http://www.cnblogs.com/miqi2214/http://www.cnblogs.com/miqi2214/archive/2009/04/10/1433202.html

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

2009-04-10T08:33:00Z2009-04-10T08:33:00Z徐秀才http://www.cnblogs.com/miqi2214/http://www.cnblogs.com/miqi2214/archive/2009/04/10/1433114.html

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

2009-04-10T06:58:00Z2009-04-10T06:58:00Z徐秀才http://www.cnblogs.com/miqi2214/http://www.cnblogs.com/miqi2214/archive/2009/03/13/1410178.html

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

2009-03-13T01:02:00Z2009-03-13T01:02:00Z徐秀才http://www.cnblogs.com/miqi2214/