管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

实现163邮箱的图标功能

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

　　支持ie ff

　　

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%20%20function%20a(obj)%7B%20%0D%0Aif%20(obj.childNodes%5B0%5D.className%3D%3D%22mail%22)%20%0D%0A%7B%20%0D%0Aobj.innerHTML%3D'%3Cinput%20class%3D%22checkbox%22%20type%3D%22checkbox%22%20name%3D%22parseurloff%22%20value%3D%221%22%20onclick%3D%22c(this)%22%3E%20'%7D%20%0D%0A%7D%20%0D%0Afunction%20b(obj)%7B%20%0D%0Aif%20(obj.childNodes%5B0%5D.className%3D%3D%22checkbox%22%20%26%20obj.childNodes%5B0%5D.checked%3D%3Dfalse%20)%20%0D%0A%7B%20%0D%0Aobj.innerHTML%3D'%3Cimg%20class%3D%22mail%22%20src%3D%22http%3A%2F%2Fbbs.51js.com%2Fimages%2Fsmilies%2Fsweat.gif%22%3E'%7D%20%0D%0A%7D%20%0D%0Afunction%20c(obj)%7B%20%0D%0Aobj.checked%3Fobj.parentNode.style.background%3D%22%23ddd%22%3Aobj.parentNode.style.background%3D%22%23fff%22%20%0D%0A%7D%20%0D%0A%0D%0A%3C%2Fscript%3E"> 
<div  onmouseover="a(this)" onmouseout="b(this)" style="border:1px #ddd solid"><img class="mail" src="http://bbs.51js.com/images/smilies/sweat.gif" _ewebeditor_ta_src="http%3A%2F%2Fbbs.51js.com%2Fimages%2Fsmilies%2Fsweat.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" _ewebeditor_ta_src="http%3A%2F%2Fbbs.51js.com%2Fimages%2Fsmilies%2Fsweat.gif"></div>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程