首页 > 网络编程 > JavaScript > javascript技巧 > 实现163邮箱的图标功能 2007-05-04 00:00:00 作者： 实现163邮箱的图标功能 默认状态下为小图标+单行背静颜色为白色，鼠标放上去小图片变成了选择框并且单行背景变成了灰色 ，如果此时不钩选选择框鼠标移开恢复到默认状态，如果钩选选择框，单行背景变成了黄色支持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">'} } 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"></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"></div> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
