Monthly Archives: 十二月 2008

阻止Javascript事件冒泡

工作中偶尔会遇到Javascript冒泡的问题,阻止冒泡的方法: W3C:stopPropagation() IE:window.event.cancelBubble = true 运行以下代码,然后注释掉”//阻止冒泡”后面那段代码,看看发生的变化。 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 0 Transitional//EN” “http://www.worg/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.worg/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Untitled Document</title> <style type=”text/css”> div { padding:10px; border:1px solid #CCC; } #d1 { width:400px; } #msg { border-color:#CCC; padding:3px; margin-bottom:10px; } </style> <script> var isIE = /*@cc_on!@*/!1; window.onload = m; function m(){ for [...]

监狱兔

看一次暴笑一次,与大家分享… 故事简介: 普京兔和基里连科兔的监狱生活 被关在俄罗斯监狱的两只兔子基里延科和普京本来暗无天日的监狱生活希望,却享受他们惬意的轻松的监禁生活。 两人与看守警卫一同展开欢乐有趣的笑闹喜剧。是以俄罗斯资本主义为背景,以两只超级爆笑的兔子,在监狱里搞东搞西。 红色兔兔是基连年科,前黑手党老大,被手下背叛炸烂后接合回去所以身上有须多接痕及颜色,平常安静,必要时非常的暴躁,武功高强,刀枪不入,有洁癖,爱帆布鞋成痴。  绿色兔兔是普京,个性和善,稍微愚蠢,不过却非常喜欢快乐的事,本来是工人,因为喝醉酒上班打瞌睡被抓到只狱里,而被指控为“资本主义者”并被判入狱三年,是一只极为乐天派的兔子,心地非常好,喜欢跳哈萨克舞喜欢摇屁股,常常被监狱的门欺负。   普京<编号:541> 个性温和又有点呆的男子,是个乐天派的男子, 但经常卷入一些奇怪的纠纷,本来是个工人, 因宿醉隔天无法上班被指为是资本主义份子被判入狱三年, 倒是很喜欢监狱中舒适安逸的生活,监狱生活最开心的事就是在用餐。 在片中超喜欢跳哈萨克舞,常常被监狱的门欺负。   基里延科<编号:04> 本来是黑手党老大且是双胞胎,目前是死刑犯, 被手下背叛炸烂后接合回去变成独子,平常很安静, 突然生气会变成极度危险人物 有洁癖,对於打扰到自己生活的人绝不宽恕!超喜欢收集球鞋, 对被关在同一个牢房的普京不理不睬完全没兴趣。 片中只要被惹火就会露出凶狠表情,且身体刀枪不入是个不死之身 招牌动作就是躺在床上看球鞋杂志。   列宁格勒&人妖的小鸡科曼尼奇 列宁格勒 住在牢房内厕所的青蛙,只要是会动的东西就会被他视为食物, 经常把人妖小鸡吞下肚后再排泄出来。 人妖小鸡柯曼尼奇性别不明,被虐待狂倾向,最喜欢被欺负(好怪的嗜好) 片中常不时露出害羞脸红的表情,还会长胡渣。 豆单地址:http://www.tudou.com/playlist/jianyu2/

通过 Dom 方法提高 innerHTML 性能,性能不升反降?

function replaceHtml(el, html) { var oldEl = typeof el === “string” ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一点 oldEl.innerHTML = html; return oldEl; @*/ var newEl = oldEl.cloneNode(false); newEl.innerHTML = html; oldEl.parentNode.replaceChild(newEl, oldEl); /* 一旦我们从 DOM 上移除老的元素,则返回新的元素引用。*/ return newEl; }; 在怿飞的Blog上看到这篇文章,里面有提到“此方法大大提高了 innerHTML 在 Firefox 和 Safari 上的性能。replaceHtml() 在 Firefox 2.0.0.6 里 [...]

宝宝出生啦,第十二天

CSS Margin,边界重叠

在标准浏览器里测试代码(FireFox,Opera,Safari…) <div style=”background-color:#ccc; height:100px; width:400px;”> <div style=”margin-top:30px; background-color:#900; height:50px;”>margin-top:30px; background-color:#900; height:50px;</div> </div> 你以为会是这样: 结果确是这样: 边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 常规流中两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界,则在最大的正边界中减去绝对值最大的负边界。如果没有正边界,则从零中减去绝对值最大的负边界。注意:相邻的盒子可能并非是由父子关系或同胞关系的元素生成。 但是边界的重叠也有例外情况: 水平边界永远不会重叠。 浮动盒子、绝对定位盒子、内联块盒子、根盒子的边界永不重叠。 overflow属性不等于visible的元素与它的非浮动子元素之间边界不发生重叠。 常规流中两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。 如果出现负边界,则在最大的正边界中减去绝对值最大的负边界。