<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>鼠标到达鼠标离开</title>
<style>
.mouse{
background-color:blue;
width:200px;
height:100px;
margin:100px 100px;
color:white;
padding:90px ;
text-align:center;
font-size:35px;
}
</style>
</head>
<body>
<div class="mouse" οnmοuseοver="mouseOver(this)" οnmοuseοut="mouseOut(this)" >You are welcome!</div>
</body>
<script>
function mouseOver(object){
function mouseOut(object){
</script>
</html>
<html>
<head>
<meta charset="gb2312">
<title>鼠标到达鼠标离开</title>
<style>
.mouse{
background-color:blue;
width:200px;
height:100px;
margin:100px 100px;
color:white;
padding:90px ;
text-align:center;
font-size:35px;
}
</style>
</head>
<body>
<div class="mouse" οnmοuseοver="mouseOver(this)" οnmοuseοut="mouseOut(this)" >You are welcome!</div>
</body>
<script>
function mouseOver(object){
object.innerHTML="Good Bye!"
//可以在此处添加更丰富的功能
function mouseOut(object){
object.innerHTML="You are welcome!"
//可以在此处添加更丰富的功能
</script>
</html>