<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>js控制鼠标经过移除div层的样式</title>
<style>
#div1 {
width:200px;
height:200px;
background:red;
}
</style>
<script type="text/javascript">
function xx () {
var a= document.getElementById('div1');
a.style.cssText="width:500px;height:300px;background:green";
}
function yy () {
var a= document.getElementById('div1');
a.style.cssText="";
}
<!--定义函数实现鼠标经过图层的时候修改样式(比如变宽,变高,变绿),鼠标移出的时候恢复,将函数应用在div标签的onmouseover和onmouseout事件上-->
</script>
</head>
<body>
<div id="div1" onmouseover="xx()" onmouseout="yy()">
</div>
</body>
<html>