I'm starting to provide Chinese / English versions of some posts, switch with the Language menu above. 我开始提供部分文章的中文、英文翻译,请使用顶部语言菜单切换。

含有标签 HTML 的文章

给 IE 添加 HTML5 和 CSS3 支持

自从我建立这个博客开始,我就从来没考虑过 IE 用户的感受。当时我的浏览器是 Firefox,IE 对我的唯一用处是去下载 Firefox。现在我自己在 Win 下用 Chrome,Mac 下也用 Chrome,手机上用 Opera。本来我以为我可以对 IE 兼容说永别了。但是,我没想到被杭二的电子阅览室打败了。Firefox,安装包 20M。Chrome,安装包 30M。看起来都不大,对吧?但是杭二的电子阅览室貌似为了网页浏览流畅,貌似用了 QoS。QoS 就 QoS 吧,那 QoS 还有 Bug,那里单机平均速度 50K,我每次去电阅只能上半个小时网,下载浏览器花个十几分钟真的令人无语!另外,那里用 XP 系统,IE8 浏览器。所以,为了让自己的网站看着舒心一点,我就勉为其难地给 IE 加上兼容吧。1.HTML5 兼容我的网站广泛采用了 HTML5 技术,这个技术在新浏览器上可以告诉浏览器优先渲染文章主体部分什么的,加快页面加载速度,但是在不支持 HTML5 的 IE8 上惨不忍睹,...
插图

鼠标移过图片放大显示效果

鼠标移过图片放大显示效果 - Original by Maomihz, Modified by Lan Tian昨天晚上 Maomihz 让我帮他改一段 jQuery,实现鼠标移上去自动显示高清大图的效果。一开始有两个 Bug,一个是鼠标移到大图框上时,大图会闪来闪去,另一个就是图片会超出屏幕上边界。我的修改, 就是把大图放到小图底下去,然后给小图设定半透明效果。超出上边界的判断非常容易,写了个 max 函数就搞定了。下面放 jQuery:$(function(){ var x = 22; var y = 540; var a = 0; $("a.smallimage").hover(function(e){ if(a == 0){$("body").append('<div id="bigimage"><img src="'+ this.rel + '" alt="" /></div>'); a = 1;} widthJudge(e); $("a.smallimage").fadeTo(300,0.3); $("#bigimage").fadeIn(300); },function(){ $("#bigimage").fadeOut(300); $("a.smallimage").fadeTo(300,1); })...