js事件做动画效果

abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &

<!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）

Correcting teacher：韦小宝Correction time：2019-01-26 13:11:42
Teacher's summary：写的很不错我就是好奇你这个div给了一个点击效果但是你这个div内部啥也没有，并且也没有给div宽和高，请问你在测试的时候是怎么点击的呢？？

js事件做动画效果

Popular Entries