写了两种JS的方法,其实都是一样的。只不过一个是放在body之前,利用事件加载方法;一个是放在代码的最后面;
1.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#div1 {
width: 200px;
height: 200px;
background: red;
display: none;
}
</style>
<script>
window.οnlοad=function(){//onload在事件加载完成以后执行调用
var oBtn1=document.getElementById('showBtn');
var oBtn2=document.getElementById('hideBtn');
var oDiv=document.getElementById('div1');
var oSb=document.getElementById('sb');
oBtn1.οnclick=function(){
oDiv.style.display='block';
oDiv.style.background='yellow'
}
oBtn2.οnclick=function(){
oDiv.style.display='none';
}
oSb.οnmοuseοver=function(){
oDiv.style.display=&