实现163邮箱的图标功能_javascript技巧

默认状态下为小图标+单行背静颜色为白色，鼠标放上去小图片变成了选择框并且单行背景变成了灰色 ，如果此时不钩选选择框鼠标移开恢复到默认状态，如果钩选选择框，单行背景变成了黄色
支持ie ff

<script> function a(obj){ if (obj.childNodes[0].className=="mail") { obj.innerHTML='<input class="checkbox" type="checkbox" name="parseurloff" value="1" onclick="c(this)"> '} } function b(obj){ if (obj.childNodes[0].className=="checkbox" & obj.childNodes[0].checked==false ) { obj.innerHTML='<img class="mail" src="http://bbs.51js.com/images/smilies/sweat.gif" alt="实现163邮箱的图标功能_javascript技巧" >'} } function c(obj){ obj.checked?obj.parentNode.style.background="#ddd":obj.parentNode.style.background="#fff" } </script> <div onmouseover="a(this)" onmouseout="b(this)" style="border:1px #ddd solid"><img class="mail" src="http://bbs.51js.com/images/smilies/sweat.gif" alt="实现163邮箱的图标功能_javascript技巧" ></div> <div onmouseover="a(this)" onmouseout="b(this)" style="border:1px #ddd solid"><img class="mail" src="http://bbs.51js.com/images/smilies/sweat.gif" alt="实现163邮箱的图标功能_javascript技巧" ></div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]