js學習-滑鼠經過輸入框顯示提示資訊

標籤：style   io   ar   使用   sp   java   for   on   div   

經過輸入框能顯示資訊，一種直接用css的title屬性,title屬效能顯示要提示的資訊，但不宜控制,

學習整理js方法，即如下代碼：

<!DOCTYPE html>
<html>
　　<head>
　　　　<meta charset="utf-8" />
　　　　<title>移動到輸入框提示資訊</title>
　　　　<style type="text/css">
　　　　　　#info{background: #ccc;width:120px;padding:5px;border:1px solid #f90;font-size:12px;display: none;}
　　　　</style>
　　　　<script type="text/javascript">
　　　　　　window.onload=function()
　　　　　　{
　　　　　　　　var Iinfo = document.getElementById("info");
　　　　　　　　var Ilabel = document.getElementsByTagName("label")[0];
　　　　　　　　Ilabel.onmouseover = function()
　　　　　　　　{
　　　　　　　　　　Iinfo.style.display = "block";
　　　　　　　　}
　　　　　　　　Ilabel.onmouseout = function()
　　　　　　　　{
　　　　　　　　　　Iinfo.style.display = "none";
　　　　　　　　}
　　　　　　}
　　　　</script>
　　</head>
　　<body>
　　　　<form>
　　　　　　<div id="ch">
　　　　　　　　<label><input type="checkbox" />兩周內自動登陸</label>
　　　　　　　　<div id="info">不要在網吧，公用地區使用此功能</div>
　　　　　　</div>
　　　　</form>
　　</body>
</html>

js學習-滑鼠經過輸入框顯示提示資訊