[2008-05-30 08:49:56] 轻量级的Accordion With JQuery

Jquery的UI中是有Accordion的，200余行代码配合themes带来的负担，让使用前不可不慎重考虑。 仔细分析一下Accordion的动作其实很简单，顺序排列的N个元素，页面载入时只显示其中一个，点击某个元素时，展开当前元素并隐蔽其他。 那么配合JQuery强大的选择器，完全可以用几行代码打造自己的轻量级Accordion。 以本Blog的左边侧栏为例： 
//页面载入时隐蔽除第一个元素外所有元素
$("#accordion > li > div + *:not(:first)").hide();
//对所有元素的标题绑定点击动作
$('#accordion > li > div').click(function(){
	$(this).parent().parent().each(function(){
		//隐蔽所有元素
		$("> li > div + *",this).slideUp();
	});
	//展开当前点击的元素
	$("+ *",this).slideDown();
});
总共不过7行，当然选择对象部分需要根据自己的情况灵活指定。 ASUS Eee，华硕又见华硕，难道我是ASUS控么- -||| Read More

[2008-05-29 07:48:49] 图片大小自适应之JQuery版

图片撑破容器是很煞风景的事情，不牵扯到后台生成缩略图的解决方法是在前端对于撑破容器的图片，指定width="100%"，则图片会自动适应父容器的宽度。虽然难看了一点，但不失为一个经济且花费小的方法。 用JS简单的实现思路就是遍历所有页面图片，对于宽度大于父元素的，添加width属性，当然根据需要还可以加上Lightbox之类的特效。 
$("img").each(function(){
	if($(this).width() > $(this).parent().width()) {
		$(this).width("100%");
	}
});
说了这么多代码只有3行而已。其实对于REST理论，貌似在目前的Web应用中最受惠的可能就是图片这一块了，试想同一个url，如果能对带有不同的header请求返回缩略图，图片描述，图片本身，作者和版权信息，那么图片相关的应用将简洁到一个令人心旷神怡的境界。可惜现在的REST都只是框架级别的应用，对比传统MVC也没有太明显的优势，或许等服务器端进行一定程度的改善之后，REST才能大行其道吧。 话说俺人生的第二个本命年真是多灾多难的一年啊…… Read More

[2008-05-07 08:29:55] 非中文系统下Gvim中文化解决方法

Gvim在安装时会根据操作系统的编码自动选择相应的语言包，但有时候想要强制选择自己指定的语言时就需要进行配置。下面以日文系统下Gvim的中文化为例。 *set encoding=utf-8 *设定Gvim的内部文字编码为utf-8 *set langmenu=zh_CN.UTF-8 *设定Gvim的菜单使用中文表示 *language message zh_CN.UTF-8 *这里将Gvim的指令提示、帮助文档等设定为中文 *set guifont=NSimSun:h10 *其实至第三步为止，Gvim已经可以显示中文了，但由于安装在非中文系统下，Gvim会选择系统默认字体作为自己的GUI字体，所以一般这里仍不能正常显示，所以还需要设置一个包含中文字库的字体 *set fileencodings=ucs-bom,utf-8,chinese,japanese *这里是设置文件打开的解码顺序，从最严格的ucs-bom开始尝试解码，不成功则转向下一个。 另外为了更好的让Gvim自动识别文件内码，可以使用[http://www.vim.org/scripts/script.php?script_id=1708|FencView插件] Read More
Now Loading...