<!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=utf-8" />
<title>鼠标经过弹出层5jun.com</title>
<style type="text/css">
<!--
#box{display:none; width: 300px; height: 180px; background:#345;text-align:center; line-height:180px; color:#fff; }
-->
</style>
<script type="text/javascript" language="javascript" >
<!--
function display(){
document.getElementById("box").style.display="block";
}
function disappear(){
document.getElementById("box").style.display="none";
}
-->
</script>
</head>
<body>
<a href="#" οnclick="display()" οnmοuseοut="disappear()">鼠标移到这里看看...</a>
<div id="box" οnmοuseοver="display()" οnmοuseοut="disappear()">嘿嘿!这就是弹出层。</div>
</body>
</html>
鼠标点击弹出层
最新推荐文章于 2017-05-16 18:09:19 发布