163개의 Mailbox_javascript 스킬 아이콘 기능 구현

기본적으로 작은 아이콘 한 줄의 배경색은 흰색입니다. 이 위에 마우스를 놓으면 작은 그림이 선택 상자가 되며, 이때 선택 상자를 선택하지 않으면 한 줄의 배경이 회색으로 변합니다. 시간이 지나면 마우스가 멀어지고 기본 상태로 돌아갑니다. 체크하면 기본 상태로 돌아가고, 한 줄 배경이 노란색으로 변합니다.
지원 ie ff

<div onmouseover="a(this)" onmouseout="b(this)" style="border:1px #ddd solid"> <img class="mail lazy" src="/static/imghw/default1.png" data-src="http://bbs.51js.com/images/smilies/sweat.gif" alt="163개의 Mailbox_javascript 스킬 아이콘 기능 구현" > </div> <div onmouseover="a(this)" onmouseout="b(this)" style="border:1px #ddd solid"> <img class="mail lazy" src="/static/imghw/default1.png" data-src="http://bbs.51js.com/images/smilies/sweat.gif" alt="163개의 Mailbox_javascript 스킬 아이콘 기능 구현" > </div>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]<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 lazy" src="/static/imghw/default1.png" data-src="http://bbs.51js.com/images/smilies/sweat.gif" alt="163개의 Mailbox_javascript 스킬 아이콘 기능 구현" >'} } function c(obj){ obj.checked?obj.parentNode.style.background="#ddd":obj.parentNode.style.background="#fff" } </script>