PHP课程总结20161129
今天的课程,老师主要介绍了两种制作轮播的方式及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("");
三、制作轮播的基本方法
http://s4.运维网.com/wyfs02/M00/8A/DB/wKioL1g9j-_Q-Sw1AAQp2slkkyM751.png-wh_500x0-wm_3-wmp_4-s_2019092218.png
http://s2.运维网.com/wyfs02/M01/8A/E0/wKiom1g9j_GyqRMlAAFdetkhL64223.png-wh_500x0-wm_3-wmp_4-s_310822288.png
四、使用数组制作轮播
http://s1.运维网.com/wyfs02/M01/8A/DB/wKioL1g9kH-REddiAAFz-xo46cU196.png-wh_500x0-wm_3-wmp_4-s_1892427946.png
http://s2.运维网.com/wyfs02/M02/8A/E0/wKiom1g9kIGS8ogRAALHQ-BSu0o086.png-wh_500x0-wm_3-wmp_4-s_3702696694.png
五、bootstrap(前端开发框架)的使用方法
http://s1.运维网.com/wyfs02/M00/8A/E0/wKiom1g9kQOgghEiAAGgClvuKXo954.png-wh_500x0-wm_3-wmp_4-s_3079597827.png
http://s5.运维网.com/wyfs02/M00/8A/DB/wKioL1g9kdLwfgPaAAEZeFwYYig817.png-wh_500x0-wm_3-wmp_4-s_2598760589.png
页:
[1]