虽然提示框可以用<input type="checkbox" value="xxx">
的value实现,但是显示速度慢,不能自定义样式。
所以这里单独写了一个div作为提示框,没选中的时候display:none
隐藏,选中后display: block;
出现,鼠标移走后再次隐藏。
script部分原理和1.5一样。
<script>
window.onload = function(){
var odiv = document.getElementById("tips");
var ochec = document.getElementsByTagName("input")[0];
ochec.onmouseover = function(){
odiv.style.display = "block";}
ochec.onmouseout = function(){
odiv.style.display = "none";}
};
</script>