上一页 1 ··· 5 6 7 8 9 10 11 12 13 ··· 15 下一页
①Tab栏切换有2个大的模块 ②上面的选项卡模块,点击某一个,当前这个底色会是红色,其余不变(排他思想),用修改类名的方式 ③下面的模块内容,会跟随上面的选项卡变化。所以下面模块变化写到点击事件里面 ④规律:下面的模块显示内容和上面的选项卡一一对应相匹配。 ⑤核心思路:给上面的tab_list里面的 Read More
posted @ 2020-05-21 22:31 浮华夕颜 Views(830) Comments(0) Diggs(0) Edit
① 全选和取消全选做法:让下面所有复选框的checked属性(选中状态)跟随全选按钮即可 ② 下面复选框需要全部选中,上面全选才能选中做法:给下面所有复选框绑定点击事件,每次点击,都要循环查看下面所有的复选框是否有没选中的,如果有一个没选中的,上面全选按钮就不选中。 <script> // 1. 全 Read More
posted @ 2020-05-21 22:30 浮华夕颜 Views(929) Comments(0) Diggs(0) Edit
<script> // 1. 获取元素,获取的是tbody里面所有的行 var trs = document.querySelector('tbody').querySelectorAll('tr'); // 2. 利用循环绑定注册事件 for (var i = 0; i < trs.length; Read More
posted @ 2020-05-21 22:26 浮华夕颜 Views(307) Comments(0) Diggs(0) Edit
<ul class="baidu"> <li><img src="images/1.jpg"></li> <li><img src="images/2.jpg"></li> <li><img src="images/3.jpg"></li> <li><img src="images/4.jpg">< Read More
posted @ 2020-05-21 22:25 浮华夕颜 Views(186) Comments(0) Diggs(0) Edit
精灵图的每个小图标的坐标都是有规律的。 <script> // 1. 获取元素,所有的小li var lis = document.querySelectorAll('li'); for (var i = 0; i < lis.length; i++) { // 让索引号乘以44就是每个小li的背景 Read More
posted @ 2020-05-21 22:23 浮华夕颜 Views(427) Comments(0) Diggs(0) Edit
<img src="images/s.gif" alt=""> <div>上午好</div> <script> // 根据系统不同时间来判断,所以需要用到日期内置对象 // 利用多分支语句来设置不同的图片 // 需要一个图片,并且根据时间修改图片,就需要用到操作元素src属性 // 需要一个div元 Read More
posted @ 2020-05-21 22:20 浮华夕颜 Views(677) Comments(0) Diggs(0) Edit
1. Web APIs阶段与JavaScript语法阶段的关联性是什么?JS基础学习的是ECMAScript基础语法,Web APIs是JS的应用,大量使用JS基础语法做交互效果。 2. 什么是API?API是给程序员提供的一种工具,以便能更轻松的实现想要完成的功能,不用纠结内部如何实现。 3. 什 Read More
posted @ 2020-05-19 23:53 浮华夕颜 Views(1360) Comments(0) Diggs(0) Edit
响应式开发不需要单独制作移动端页面。 响应式开发原理:就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。 设备划分 尺寸区间 超小屏幕(手机) x < 768px 小屏设备(平板) 768px <= x < 992px 中等屏幕(桌面显示器) 992px <= x < Read More
posted @ 2020-05-19 23:02 浮华夕颜 Views(266) Comments(0) Diggs(0) Edit
前面两篇介绍了流式布局和flex弹性布局,在介绍rem之前,我们先考虑以下三个问题: 1. 页面布局文字能否随着屏幕大小变化而变化? 2. 流式布局和flex布局主要针对于宽度布局,那高度如何设置? 3. 怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放? rem的出现完美的解决了上面的三个问题。 Read More
posted @ 2020-05-18 20:52 浮华夕颜 Views(580) Comments(0) Diggs(0) Edit
flex是flexble Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。 当我们为父盒子设置为flex布局以后,子元素的float(浮动)、clear(清除浮动)和vertical-align(垂直居中,margin: 0 auto是水平居中) Read More
posted @ 2020-05-17 23:51 浮华夕颜 Views(417) Comments(0) Diggs(0) Edit
上一页 1 ··· 5 6 7 8 9 10 11 12 13 ··· 15 下一页