今天的课程,老师主要介绍了两种制作轮播的方式及bootstrap(前端开发框架)的使用方法。

    一、制作轮播的思路

    明确目标:动态改变id="momo"这个div的背景

    1.找到id=momo的div。 (var imgdiv = document.getElementById("momo");)

    2.得到imgdiv样式(style)里面的background属性。

    3.写变化函数

 

    二、总结

    1.在js中,f12没有报错,但页面没有效果,可以在需要检查语句下面,加上“alert();”进行测试,如果能弹出测试内容,说明前面语句没有问题。

    2.在js中,寻找div盒子,使用:document.getElementById("");

 

    三、制作轮播的基本方法

 

 

wKioL1g9j-_Q-Sw1AAQp2slkkyM751.png-wh_50

 

wKiom1g9j_GyqRMlAAFdetkhL64223.png-wh_50

 

    四、使用数组制作轮播

 

 

wKioL1g9kH-REddiAAFz-xo46cU196.png-wh_50

 

wKiom1g9kIGS8ogRAALHQ-BSu0o086.png-wh_50

 

    五、bootstrap(前端开发框架)的使用方法

 

 

wKiom1g9kQOgghEiAAGgClvuKXo954.png-wh_50

 

wKioL1g9kdLwfgPaAAEZeFwYYig817.png-wh_50