本文介绍了一个简单的HTML页面，该页面包含一个使用JavaScript处理鼠标悬停和移出事件的方块。当鼠标放置在方块上时，方块内部将显示文字“鼠标放上去了”，而当鼠标移出方块时，则显示“鼠标移出了”。此示例适用于初学者学习基本的网页互动设计。
<!DOCTYPE html>
<html>
<style>
.div1{
width: 100px;
height: 100px;
background-color: #666;
}
</style>
</head>
<body>
<div class ="div1" οnmοuseοver="onover( this)" οnmοuseοut="onOut( this)">
<!-- this是指定当前函数的 -->
</div>
<script>
function onover(ooj){
ooj.innerHTML="鼠标放上去了";
}
function onOut(ooj){
ooj.innerHTML="鼠标移出了";
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>鼠标事件</title><style>
.div1{
width: 100px;
height: 100px;
background-color: #666;
}
</style>
</head>
<body>
<div class ="div1" οnmοuseοver="onover( this)" οnmοuseοut="onOut( this)">
<!-- this是指定当前函数的 -->
</div>
<script>
function onover(ooj){
ooj.innerHTML="鼠标放上去了";
}
function onOut(ooj){
ooj.innerHTML="鼠标移出了";
}
</script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
