欲忘树 发表于 2018-12-15 06:32:27

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]
查看完整版本: PHP课程总结20161129