<!DOCTYPE HTML>
<html>
<head>
<title>模擬提示框</title>
<style>
#div1{
width:100px;
height:100px;
background:#FFCC99;
border:1px solid #FF9900;
display:none;
}
</style>
</head>
<body>
<label οnmοuseοver="demo()" οnmοuseοut="Cancel()"><input type="checkbox"/>點我</label>
<div id="div1" >
這是一個簡單的提示框。
</div>
<script>
function demo(){
document.getElementById("div1").style.display='block';
}
function Cancel(){
document.getElementById("div1").style.display='none';
}
</script>
</body>
</html>
javascript模擬提示框
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章