这个博客展示了如何使用HTML和JavaScript创建一个简单的九宫格布局，并通过鼠标悬停改变按钮背景颜色。每个按钮都有一个独特的ID，当鼠标移入时，按钮颜色变为浅桃红色，移出时恢复为白色。同时，按钮的值会显示在页面的结果区域。
<!DOCTYPE html>
<html>
<script>
function myFunction(e) {
document.getElementById("demo").innerHTML=e.value;
document.getElementById(e.id).style="width:150px;height:150px;background-color:#FFB6C1";
}
function myFunction2(e) {
document.getElementById(e.id).style="width:150px;height:150px;background-color:white";
}
</script>
<body>
<input id="btn1" type="button" style="width:150px;height:150px;background-color:white" value="1" οnmοusemοve="myFunction(this)" οnmοuseοut="myFunction2(this)"/>
<input id="btn2" type="button" style="width:150px;height:150px;background-color:white" value="2" οnmοusemοve="myFunction(this)" οnmοuseοut="myFunction2(this)"/>
<inp
最低0.47元/天 解锁文章
扫一扫
2023
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
