直接进图主题
首先我们先来观看一下效果图
这个比较复杂哈:
这个需要涉及到阴影
其次需求如下:
1、当鼠标移入每一个“问题”上时,该“问题”更换背景色(#096); 2、当单击“问题”时,会展开此“问题”的答案(慢速),且“问题”右侧箭头由向下变为向上; 3、当再次单击“问题”时,会关闭此“问题”的答案(快速),且“问题”右侧箭头由向上变为向下; 4、代码中:必须使用事件绑定的方式(on),尽量使用复合事件;
ok现在我们已经知道了需求:
直接开始展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
width: 400px;
}