fgm实例练习笔记-1.6记住密码提示框
2017-07-08 15:21
393 查看
虽然提示框可以用
所以这里单独写了一个div作为提示框,没选中的时候
script部分原理和1.5一样。
<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>
相关文章推荐
- fgm实例练习笔记-1.5js写css hover选择器
- fgm实例练习笔记-2.6图片列表:鼠标移入/移出改变图片透明度
- fgm实例练习笔记-2.1点击展开下拉列表
- fgm实例练习笔记-4.1 setTimeout应用
- fgm实例练习笔记-2.4弹出层效果
- fgm实例练习笔记-3.8简易网页时钟
- fgm实例练习笔记-3.4比较数字大小
- fgm实例练习笔记-1.3函数接收参数并弹出
- fgm实例练习笔记-2.5函数传参,改变Div任意属性的值
- fgm实例练习笔记-3.7网页计算器
- Cocos2d-x学习笔记(十)实例——记住帐号(密码)功能
- fgm实例练习笔记-2.5页面加载后自加一
- fgm实例练习笔记-2.11鼠标移过改变图片路径
- fgm实例练习笔记-2.3求出数组中所有数字的和
- fgm实例练习笔记-1.4用循环将三个Div变成红色
- fgm实例练习笔记-1.2网页换肤
- fgm实例练习笔记-3.9倒计时
- Unix学习笔记-------Unix编程实例练习
- javascript小练习—记住密码提示框
- Unix学习笔记-----编程练习实例------使用vfork&&execv()在程序中加载可执行程序