js事件做动画效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js事件</title>
<style>
.box1{width: 100px;height: 100px;background: #B9AEEE;}
</style>
</head>
<body>
<div onclick="clic(this)"></div>
<script>
function clic(x) {
x.style.borderRadius="50px"
x.style.boxShadow="3px 3px 5px #999"
x.style.background="pink"
}
</script>
</body>
</html>本实例完成的是是鼠标点击div后，div变成圆形，背景颜色改变并产生边框阴影的效果，涉及到的事件是单击事件（onclick）；改变元素的css样式，在js中用x.style.样式名称（注意符合属性用驼峰写法，比如box-shadow要写成boxShadow）