3.13 day24 web api 第一天

1.目标:轮播图

3.13 day24 web api 第一天_第1张图片

2.变量声明

3.13 day24 web api 第一天_第2张图片
3.13 day24 web api 第一天_第3张图片
3.13 day24 web api 第一天_第4张图片
3.13 day24 web api 第一天_第5张图片
3.13 day24 web api 第一天_第6张图片
3.13 day24 web api 第一天_第7张图片
3.13 day24 web api 第一天_第8张图片
3.13 day24 web api 第一天_第9张图片
3.13 day24 web api 第一天_第10张图片
3.13 day24 web api 第一天_第11张图片
3.13 day24 web api 第一天_第12张图片

3.web api基本认知

1.作用和分类

3.13 day24 web api 第一天_第13张图片

2.什么是DOM

3.13 day24 web api 第一天_第14张图片
3.13 day24 web api 第一天_第15张图片

3.DOM树

3.13 day24 web api 第一天_第16张图片

4.DOM对象

3.13 day24 web api 第一天_第17张图片
3.13 day24 web api 第一天_第18张图片

4.获取DOM对象

3.13 day24 web api 第一天_第19张图片

1.css选择器

3.13 day24 web api 第一天_第20张图片
3.13 day24 web api 第一天_第21张图片
3.13 day24 web api 第一天_第22张图片
3.13 day24 web api 第一天_第23张图片

2.All

3.13 day24 web api 第一天_第24张图片
3.13 day24 web api 第一天_第25张图片
3.13 day24 web api 第一天_第26张图片

3.其他方法

3.13 day24 web api 第一天_第27张图片

5.操作元素内容

3.13 day24 web api 第一天_第28张图片
3.13 day24 web api 第一天_第29张图片
3.13 day24 web api 第一天_第30张图片
3.13 day24 web api 第一天_第31张图片
3.13 day24 web api 第一天_第32张图片

1.案例

3.13 day24 web api 第一天_第33张图片
3.13 day24 web api 第一天_第34张图片
3.13 day24 web api 第一天_第35张图片
3.13 day24 web api 第一天_第36张图片

6.操作元素属性

1.操作元素常用属性

3.13 day24 web api 第一天_第37张图片
3.13 day24 web api 第一天_第38张图片

2.练习

3.13 day24 web api 第一天_第39张图片
3.13 day24 web api 第一天_第40张图片

3.操作元素样式属性

3.13 day24 web api 第一天_第41张图片

3.13 day24 web api 第一天_第42张图片

4.练习

3.13 day24 web api 第一天_第43张图片
3.13 day24 web api 第一天_第44张图片
3.13 day24 web api 第一天_第45张图片

5.操作类名属性

3.13 day24 web api 第一天_第46张图片
3.13 day24 web api 第一天_第47张图片
3.13 day24 web api 第一天_第48张图片

6.操作class list修改样式

3.13 day24 web api 第一天_第49张图片
3.13 day24 web api 第一天_第50张图片
3.13 day24 web api 第一天_第51张图片

7.轮播图

3.13 day24 web api 第一天_第52张图片
3.13 day24 web api 第一天_第53张图片
3.13 day24 web api 第一天_第54张图片

8.操作表单元素的属性

3.13 day24 web api 第一天_第55张图片
3.13 day24 web api 第一天_第56张图片
3.13 day24 web api 第一天_第57张图片
3.13 day24 web api 第一天_第58张图片

9.自定义属性

3.13 day24 web api 第一天_第59张图片
3.13 day24 web api 第一天_第60张图片

10.间歇函数定时器

1.函数介绍

3.13 day24 web api 第一天_第61张图片
3.13 day24 web api 第一天_第62张图片
3.13 day24 web api 第一天_第63张图片
3.13 day24 web api 第一天_第64张图片

2.案例

3.13 day24 web api 第一天_第65张图片

11.综合案例

3.13 day24 web api 第一天_第66张图片
3.13 day24 web api 第一天_第67张图片

12.简答题

1.时钟

3.13 day24 web api 第一天_第68张图片



    
    
    
    Document
    


    

2.qq音乐轮播图

3.13 day24 web api 第一天_第69张图片
最好使用div套img做
我这里使用的是背景图做的




    
    
    
    qq音乐轮播图
    


    

挑战云歌单,欢迎你来

13.判断题

3.13 day24 web api 第一天_第70张图片

你可能感兴趣的:(web,api,前端,css,html)