Top Sponsor

Saying...

nothing...

学习笔记

本页列出了本分类最新的几篇文章

MovableType 菜单指示当前栏目的三种方法

如果不是正在使用 Movable Type ,看这篇文章就很无趣而且有可能根本看不懂了。而且标题本身就说的有点晕,我其实想表达的意思短话长说就是:在页面的菜单条里,用特殊标记来指示当前页面所属的栏目。

如果还是没说明白……好吧,直接以本站为例贴图说明一下。当你浏览站点说明页面时,菜单的样式是这样子滴:

image

[ 阅读全文... ]

2009-03-17,22:56
学习笔记

safari里用js读取xml的问题

try{
	xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e){
	try{
		xmlDoc=document.implementation.createDocument("","",null);
	}
	catch(e) {alert(e.message)}
}
try{
	xmlDoc.async=false;
	xmlDoc.load("example.xml");
	document.write("xmlDoc is loaded");
}
catch(e){
	alert(e.message)
}

[ 阅读全文... ]

2009-01-11,15:32
学习笔记

CSS给图片加阴影的两种方法

给图片添加阴影可以让图片显示的更加柔和、美观,如果用PhotoShop给每张图片人工添加阴影会很麻烦,而且如果以后网站变更风格可能会造成图片阴影样式和新的网站风格格格不入、很难看。所以用一些小技巧来自动模拟阴影就显得很实用很方便了。

大牛们可以用JS来制作自适应图片大小的图片边框+阴影。但我更偏爱用CSS样式来模拟。以下是两种用CSS给图片添加阴影的方法:

一、用图片制作阴影效果

[ 阅读全文... ]

2009-01-06,15:31
学习笔记

CSS实现鼠标滑过时显示图片说明

其实用CSS实现鼠标经过时在图片上显示图片说明的方法其他人应该也介绍过,我昨天就看到了一个类似的效果演示,不过竟然不兼容opera。虽然opera用户相对其他浏览器来说很少。但是让CSS兼容opera比兼容其他浏览器(比如IE)要简单得多,举手之劳何乐不为呢?

所以我就出来再唠叨一遍吧:点击这里在新窗口查看演示

[ 阅读全文... ]

2008-12-30,16:39
学习笔记

关于XML+XSLT的一点记录

“似水柔情”惯了,冷不丁来点“学术”的东西还真有点别扭。不过时不时学点新东西对我来说也算是一种娱乐了。

HTML+CSS是把样式定义从内容结构中分离了出去,而xml+xslt则是彻底把结构、样式和内容分开来了。XML存储内容,XSLT定义结构和解释在浏览器中显示的样式。这样做对于我这种发布静态页面而又经常想改改显示样式的人来数实在是太帅了,所以我就斗胆冒着死猪不怕开水烫的精神,凭着仅有的一点点知识开始学习xml+xslt去了。

经过一段时间的学习我琢磨的问题大体有这么几个:

[ 阅读全文... ]

2008-12-08,22:45
学习笔记

用QuickTime编辑视频

一贯地先跑题再说正事。这应该不叫标题党,标题党需要更高超的技巧、更奔放的情绪、更坚定的娱乐精神。而我只是跑跑题而已。

瞧,就连跑题都再次跑题了。先回到跑题的正题,贴图一张:

楼顶的警车

[ 阅读全文... ]

2008-11-28,17:15
学习笔记

Canon A710 IS强化工具: CHDK

CHDK是一款佳能数码相机的固件破解程序,主要目的是扩展相机的使用功能。

CHDK正确安装后不须任何设置,重新开机后立即实现实时的剩余电量显示、剩余空间显示以及时钟显示功能,除打印键功能被借用外,相机的中文菜单及其他功能键和操纵不受任何影响。CHDK还可实现很多新的功能,主要有RAW图象格式支持、包围测光模式支持、更多的光圈、快门及ISO档选择、剩余电量/磁盘空间显示、实时测距、实时直方图显示、电子书等。

[ 阅读全文... ]

2008-10-13,19:14
学习笔记

google chrome 的CSS hack来了

浏览器多了也就这么个“好处”了……

以下CSS语句目前只有Google Chrome和Safari 3.1可以正常解释。

body:nth-of-type(1) p {
   color: #333333;
}

关于这个hack起作用的解释如下:

  • 每个网页只有一个body元素
  • body:nth-of-type(1)将匹配页面内第一个也是唯一的一个body元素
  • 只有Safari 3.1和google chrome支持:nth-of-type伪类

[ 阅读全文... ]

2008-09-04,18:34
学习笔记