摘要: 点击异步加载避免跳到页面的顶部。现在很多新闻的评论都使用异步加载,但点击翻页时却跳转到页面顶部,新闻篇幅比较短还好,长篇大论就必须滚动多次,耗费用户的更多时间。 双击页面中的文字却不可选。有时候我需要拷贝这部分文字黏贴到其它地方,例如浏览购物网站时我要拷贝商品的名称在其它购物网站中搜索,却因为有其... 阅读全文
posted @ 2010-12-10 00:47 nicholaslai 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 有段时间项目要用到其它页面的结构和样式,在使用他人的代码时,出现一些问题 从页面上属于该模块的某个图标或按钮的样式却不在这段模块代码中 class或id定义的路径太深 对某个class甚至是从模块的祖先级开始定义虽然有诸如“图标和按钮要放在公共模块中”,“要通过从祖先级开始定义提高class的... 阅读全文
posted @ 2010-04-27 09:20 nicholaslai 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 鼠标点击实现图片切换效果 9 31 纯CSS实现鼠标经过图片轮换效果32 33 134 235 336 437 简单说下思路:通过点击链接跳到不同的锚记,每个li标签定义了对应的锚记。鼠标经过实现图片切换效果 9 27 ... 阅读全文
posted @ 2010-04-18 13:54 nicholaslai 阅读(898) 评论(0) 推荐(1) 编辑
摘要: 为了提倡大家使用非IE浏览器,同时也为了让众前端工作者免受IE的煎熬,从2010-03-22 20:02这一刻开始,本博客已经彻底抛弃IE,使用IE的用户只能看到一个裸奔的hellocookies.com。下面是国外的个人和组织喊出的口号(当然别人只是呼吁抛弃IE6,而本人丝毫没有给老gates面子... 阅读全文
posted @ 2010-03-22 21:27 nicholaslai 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 可能是不涉及到算法的缘故,页面构建在大多数人看来比较简单。但是在工作一段时间后,也有了一些个人心得,这项工作虽然简单,但是有不少的细节。注意这些细节并把它们做好,可以提高他人的工作效率,或是避免特殊情况导致的错误,亦能改善用户体验。下面列举了几处工作中的案例。 a标签包含整个产品信息。常用做法给图片... 阅读全文
posted @ 2010-03-01 23:36 nicholaslai 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 看到这样的布局时大家一般不外乎用以下两种方法: 左右两部分同时浮动,或两个同方向浮动,或一左一右浮动。 使用table标签,左边标题th,右边单元格td,这也是一种合理的结构但如果标题列均为同字数宽度,例如这里是4个汉字(8个字符)宽,大家可以尝试以下方法: li { margin-left:5em... 阅读全文
posted @ 2009-11-17 01:34 nicholaslai 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 在网上看到一些图像,发现通过css也能“画”出来。不能使用定位(position)哦无标题文档 还是那句话,多动手尝试,许多看似麻烦的问题很容易解决。 阅读全文
posted @ 2009-11-07 17:52 nicholaslai 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 在网上看到一些图像,发现通过css也能“画”出来。不能使用定位(position)哦无标题文档 还是那句话,多动手尝试,许多看似麻烦的问题很容易解决。 阅读全文
posted @ 2009-11-07 17:52 nicholaslai 阅读(85) 评论(0) 推荐(0) 编辑
摘要: 网上介绍YUI中的CSS框架文章主要涉及其组成部分和使用方法,但当你看到YUI的源文件时会发现有些命名是缩写的英文字母(主要是为了减小体积),理解这些缩写字母的含义及其用法,对熟练使用YUI有很大的帮助。这里有必要先了解YUI的基本组成部分: reset.css:样式初始化,移除HTML元素在不同浏... 阅读全文
posted @ 2009-11-01 15:19 nicholaslai 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 日常工作中时常会遇到一些小问题,这些“问题”甚至算不上时问题,因为一定会有方法解决他们,或是添加额外的标签,或是对它们再次定义属性等常规思路,但通过一些小方法来解决这些问题,有时候却能令代码更简洁,或是结构更语义化,起到事半功倍的效果。例一:在上图中,如果给每个列表项都赋予一个class,那即使在定... 阅读全文
posted @ 2009-10-26 00:06 nicholaslai 阅读(180) 评论(0) 推荐(0) 编辑