第18天，过得有点跌宕起伏。
早上的时候抠昨天没有做完的弹窗广告效果，结果没弄出来，于是我又回头去看函数的基础知识……后来找了一个案例网站，上面的案例很多也很实用，于是给自己定了一个计划：每天至少学会做一个例子，保证该案例中使用到的所有的知识点都能理解透彻。
晚上的时间做了个盒子滚动的效果，通过这个例子，我觉得自己离Js入门又近了一步。以下是该案例的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
.div1 {
width: 100px;
height: 50px;
background: black;
}
</style>
</head>
<body>
<div id="demo1" class="div1"></div>
<button onclick="changeStyle('demo1')">点击更换</button>
<script>
var b = true
function changeStyle(id) {
var elem = document.getElementById(id);
var width = elem.offsetWidth
if (width >= 500) {
b = false
} else if (width <= 100) {
b = true
}
if (b) {
width += 1
} else {
width -= 1
}
elem.style.width = width + 'px'
}
setInterval(function () {
changeStyle('demo1')
}, 20);
</script>
</body>
</html>
通过今天的学习，我觉得理解固然重要，多动手还是最最重要的，以后要秉持一个原则：多练！还想重复之前那句话，学习是个坚持的过程，你需要毅力，我会继续努力的，不轻言放弃，是对自己的付出最好的回报，加油~
