Twitter

VIM and Sublime Text 2

By Alan 22 Comments

一直习惯在 Vim 下写代码,当你习惯并熟悉后,就知道她被称为神器并不为过,不过此文不是来介绍神器的(网上太多了)。这里主要是稍微比较下 Vim 和 Sublime Text 2。之前在 Twitter 上提到过,Vim 的 Taglist 在写 JS 时找函数不好匹配,不怎么方便,于是上个星期试用了一周的 Sublime Text 2,下面说说下感受。 More

in Editor //

CSS 气泡对话框

By Alan 50 Comments

气泡对话框一般用于 tooltip 提示框,或者评论留言的对话框等,在页面设计中经常可以看到。通常是用制作图片然后分割应用背景于元素上来实现,如果是圆角气泡对话框的话可能需要应用于更多元素上,显得非常麻烦,图片也会增加 HTTP Requests,用 CSS:before:after 伪类实现气泡对话框会省事很多,不过 IE6 和 IE7 不支持该伪类。 More

in CSS //

Cufon 实现网页字体渲染

By Alan 21 Comments

有时候想让某些好看的字体用在网站上,但是自己电脑上有的字体不代表别人也有,所以一般都使用 OS 上常有的字体。不过 CSS3 的 @font-face 允许我们使用外部字体,让页面在不同 OS (即使该 OS 没有你使用的字体)上显示相同的字体,但问题是 IE6/7/8 不支持 @font-face。在看一些国外网站时发现了 Cufón JavaScript 库。 More

CSS dispay: inline-block

By Alan 23 Comments

inline-block “The element will generate a block box, laid out as an inline box.”

最近常用到这个 CSS display 属性,而且确实好用,你可以让元素 inlineblock。曾经看到文章说 IE6/7 支持 inline-block,那应该也是伪支持,看看下面这个 Demo,我做的是让分页元素与底部背景色相同且居中显示,打开 IE6 或 IE7,浑然一体了,囧。 More

in CSS //

jQuery 给图片添加标题提示

By Alan 28 Comments

在进入正题之前,先提提 img 标签的 alt 属性和 title 属性。alt 属性是规定在图像无法显示时的替代文本,在 IE6 和 IE7 下,当鼠标移动到 img 元素上时,会显示 alt 属性的值,这种行为并不正确,只有当图像无法显示时,才会显示出替代文本;而 title 属性是规定关于元素的额外信息,这些信息在鼠标移到元素上时显示一段提示文本,即 Tooltip
More

jQuery 实现网页选项卡

By Alan 33 Comments

很多网站都有使用网页选项卡,最常见的就是博客的侧边栏上,比如把最新文章、随机文章、最受欢迎文章三项集成一栏,然后用选项卡的方式展现出来,节省空间,方便访问者浏览。于是就想到要自己写个 jQuery 代码来实现。 More

jQuery 实现多级下拉菜单

By Alan 9 Comments

在上篇文章 jQuery 实现下拉菜单方法 中写的代码仅仅是一级下拉菜单的情况,QiQiBoy 提了一下,想想是啊,因为自己平时博客中导航菜单都没有设置子菜单,就算本地测试的博客也只是设了一级菜单而已,已经成为惯性了。于是找了个时间再测试一下多级菜单的情况下,jQuery 的实现多级下拉菜单的方法。 More

jQuery 实现下拉菜单方法

By Alan 22 Comments

用 JavaScript 或是 jQuery 实现下拉菜单的方法很多人都讨论过了,对我而言是算一个笔记,也算是在写主题中遇到的问题拿出来说一说吧。以前写主题很少对下拉菜单下过功夫,就算到后来也只是用 CSS 写,没有动画效果,而且在 IE6 下是不会有显示的,在写 DarkLight 3.0 的时候,想用 jQuery 实现下拉菜单,然后遇到点问题。 More

jQuery 隐藏老用户评论资料框

By Alan 20 Comments

之前一直用的是 xiaorsz 的方法来隐藏老用户评论资料框,包括我发布的 DarkLightG-White 主题也是用这方法。该方法在 jQuery 1.2 和 1.3 下能正常工作,但在 1.4 下却有问题,我也说不清,如果你在用的是 jQuery 1.4+ 的话,把 if($('input#author[value]').length>0) 换成 if ($("#author").val()) (判断用户名输入框的值是否有值)即可。现在我把他的代码改进一下,并增加淡入淡出效果: More