wowhead上聪明的圆角

itemstatlite一直想抄一个圆角
但是苦于自己水平太低 根本看不懂教程
然后就抄袭了wowhead的圆角

结果发现这个圆角作的好聪明
是学习的榜样

css 关键代码

.tooltip td, .tooltip th { background: url(tooltip.png); font-family: Verdana;
font-size: 12px; line-height: 17px; color: white }

.tooltip th { padding: 3px; height: 9px }

.tooltip td { padding: 8px 4px 1px 9px }

<table style=”" cellpadding=”" cellspacing=”">

<tbody>

<tr>

<td>

这里添加文字
</td>

<th style=”">

</th></tr>

<tr>

<th style=”">

</th><th style=”">

</th></tr>

</tbody>

</table>

就这样就通过 单一背景图 就实现的圆角
实在是太聪明了
榜样!

Read More

一个domready

domready是个麻烦的问题
特别是 ie 实在是标新立异

经过翻看很多代码 感觉这个还是比较可靠
代码原来 替换window.onload 我修改为挂钩了

function domReady(fn)
{
if (document.addEventListener){
document.addEventListener(“DOMContentLoaded”, init, false);
}

if(window.addEventListener) window.addEventListener(“load”,init,false);
else if (window.attachEvent) window.attachEvent(“onload”,init);

var _timer = setInterval(function() {
if( document && document.getElementsByTagName && document.getElementById && document.body ){
init();
}
},20);

function init(){
if (arguments.callee.done){
return;
}
arguments.callee.done = true;
if (_timer) {
clearInterval(_timer);
_timer = null;
}
fn();
}
};

domReady( ….. );

Read More