本文主要是介绍《JavaScript学习笔记一》鼠标提示框,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
《JavaScript学习笔记》:鼠标提示框
在我们的许多登陆界面都会有鼠标提示框的应用,例如下面的截图就是一个比较好的例子:
下面我们就实现这个比较简单的例子
这个的实现原理比较简单,如下:
1、当鼠标移动到checkbox上面时,提示框出现。
2、当鼠标移出checkbox时,提示框就消失。
鼠标移入和移出对应的事件为:onmouseover/onmouseout
出现和消失在div上面的表现形式为:divName.style.display=’block’ ;divName.style.display=’none’ (divName为标签div的id)
具体代码如下:
<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head><style>#div1 {width:200px;height:100px;background:red;border:1px;display:none;}</style><body><input t
这篇关于《JavaScript学习笔记一》鼠标提示框的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!