鼠标移入移出事件
<head>
<meta charset="UTF-8">
<title>鼠标事件</title>
<link href="stlye01.css" rel="stylesheet" type="text/css">
</head>
<body "mgs()">
<div class="div" "onOut(this)" "onOver(this)"></div>
<script>
function onOver(ooj) {
ooj.innerHTML="HELLO";
}
function onOut(ooj) {
ooj.innerHTML="World";
}
移入效果图
移出效果图
***
## *更改文字事件*
***
<input type="text" "changeDemo(this)">
<script>
function changeDemo() {
alert("内容改变了");
}
</script>
效果图
鼠标选定事件
<input type="text" "changDemo(this)""changDemo1(this)">
function changDemo(bg) {
bg.style.background="blue";
}
function changDemo1(bg) {
bg.style.background="green";
}
效果图
选定
更改
页面加载事件
<body "mgs()">
function mgs() {
alert("网页加载完毕");
}
效果图