妙味——JS学前预热01
2013-11-09 23:36
323 查看
(1)代码效果:
实现鼠标移入移出经过单选框时显示/隐藏提示信息。
(2)实现代码:
(3)结果如下图所示:
(4)学习要点
JS中的事件
当...的时候
onmouseover 、 onmouserout
alert的使用
元素获取
id
document.getElementById
属性操作
obj.style.display='none';
= 赋值
. 点————的
‘’ 引号
实现鼠标移入移出经过单选框时显示/隐藏提示信息。
(2)实现代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <style> #div{width: 100px;background-color: #fcf;border: solid 1px #9fc;padding: 5px;display: none;} </style> <script> </script> </head> <body> <input type="checkbox" onmouseover="document.getElementById('div').style.display='block';" onmouseout="document.getElementById('div').style.display='none';" />自动登陆 <div id="div">不要在网吧等公共场合随意记住密码</div> </body> </html>
(3)结果如下图所示:
(4)学习要点
JS中的事件
当...的时候
onmouseover 、 onmouserout
alert的使用
元素获取
id
document.getElementById
属性操作
obj.style.display='none';
= 赋值
. 点————的
‘’ 引号
相关文章推荐
- 妙味——文档碎片
- 妙味——getStyle()
- 妙味——只滑动一次的图片切换效果
- [妙味JS基础]第九课:定时器管理、函数封装
- 妙味HTML&CSS教程
- 妙味——DOM基础
- 妙味——任意值变化的运动框架
- [妙味 DOM] 第二课:DOM、BOM相关方法及属性
- [妙味JS基础]第十课:日期对象、时钟倒计时
- 妙味JS笔记-菜单栏
- 妙味——DOM基础2
- 妙味——链式运动框架及应用
- [妙味DOM]第一课:DOM基础概念、操作
- [妙味JS基础]第十一课:字符串、查找高亮显示
- css3 妙味
- 妙味——操作元素属性的几种方法
- 妙味——setStyle()
- [妙味DOM]第三课:Event-事件详解1
- [妙味JS基础]第十二课:数组随机、数组去重
- css 妙味 总结